Colour — vendor
Tailwind's palette, inherited rather than chosen. We declare none of it.
192 tokens — 192 vendor.
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--color-amber-100 | oklch(96.2% 0.059 95.617) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-200 | oklch(92.4% 0.12 95.746) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-300 | oklch(87.9% 0.169 91.605) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-400 | oklch(82.8% 0.189 84.429) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-50 | oklch(98.7% 0.022 95.277) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-500 | oklch(76.9% 0.188 70.08) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-600 | oklch(66.6% 0.179 58.318) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-700 | oklch(55.5% 0.163 48.998) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-800 | oklch(47.3% 0.137 46.201) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-900 | oklch(41.4% 0.112 45.904) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-amber-950 | oklch(27.9% 0.077 45.635) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-blue-50 | oklch(97% 0.014 254.604) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-blue-950 | oklch(28.2% 0.091 267.935) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-100 | oklch(95.6% 0.045 203.388) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-200 | oklch(91.7% 0.08 205.041) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-300 | oklch(86.5% 0.127 207.078) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-400 | oklch(78.9% 0.154 211.53) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-50 | oklch(98.4% 0.019 200.873) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-500 | oklch(71.5% 0.143 215.221) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-600 | oklch(60.9% 0.126 221.723) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-700 | oklch(52% 0.105 223.128) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-800 | oklch(45% 0.085 224.283) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-900 | oklch(39.8% 0.07 227.392) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-cyan-950 | oklch(30.2% 0.056 229.695) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-100 | oklch(95% 0.052 163.051) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-200 | oklch(90.5% 0.093 164.15) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-300 | oklch(84.5% 0.143 164.978) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-400 | oklch(76.5% 0.177 163.223) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-50 | oklch(97.9% 0.021 166.113) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-500 | oklch(69.6% 0.17 162.48) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-600 | oklch(59.6% 0.145 163.225) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-700 | oklch(50.8% 0.118 165.612) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-800 | oklch(43.2% 0.095 166.913) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-900 | oklch(37.8% 0.077 168.94) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-emerald-950 | oklch(26.2% 0.051 172.552) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-100 | oklch(95.2% 0.037 318.852) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-200 | oklch(90.3% 0.076 319.62) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-300 | oklch(83.3% 0.145 321.434) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-400 | oklch(74% 0.238 322.16) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-50 | oklch(97.7% 0.017 320.058) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-500 | oklch(66.7% 0.295 322.15) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-600 | oklch(59.1% 0.293 322.896) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-700 | oklch(51.8% 0.253 323.949) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-800 | oklch(45.2% 0.211 324.591) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-900 | oklch(40.1% 0.17 325.612) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-fuchsia-950 | oklch(29.3% 0.136 325.661) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-gray-50 | oklch(98.5% 0.002 247.839) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-gray-950 | oklch(13% 0.028 261.692) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-green-50 | oklch(98.2% 0.018 155.826) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-100 | oklch(93% 0.034 272.788) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-200 | oklch(87% 0.065 274.039) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-300 | oklch(78.5% 0.115 274.713) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-400 | oklch(67.3% 0.182 276.935) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-50 | oklch(96.2% 0.018 272.314) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-500 | oklch(58.5% 0.233 277.117) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-600 | oklch(51.1% 0.262 276.966) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-700 | oklch(45.7% 0.24 277.023) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-800 | oklch(39.8% 0.195 277.366) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-900 | oklch(35.9% 0.144 278.697) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-indigo-950 | oklch(25.7% 0.09 281.288) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-100 | oklch(96.7% 0.067 122.328) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-200 | oklch(93.8% 0.127 124.321) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-300 | oklch(89.7% 0.196 126.665) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-400 | oklch(84.1% 0.238 128.85) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-50 | oklch(98.6% 0.031 120.757) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-500 | oklch(76.8% 0.233 130.85) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-600 | oklch(64.8% 0.2 131.684) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-700 | oklch(53.2% 0.157 131.589) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-800 | oklch(45.3% 0.124 130.933) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-900 | oklch(40.5% 0.101 131.063) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-lime-950 | oklch(27.4% 0.072 132.109) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-100 | oklch(96% 0.003 325.6) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-200 | oklch(92.2% 0.005 325.62) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-300 | oklch(86.5% 0.012 325.68) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-400 | oklch(71.1% 0.019 323.02) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-50 | oklch(98.5% 0 none) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-500 | oklch(54.2% 0.034 322.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-600 | oklch(43.5% 0.029 321.78) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-700 | oklch(36.4% 0.029 323.89) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-800 | oklch(26.3% 0.024 320.12) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-900 | oklch(21.2% 0.019 322.12) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mauve-950 | oklch(14.5% 0.008 326) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-100 | oklch(96.3% 0.002 197.1) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-200 | oklch(92.5% 0.005 214.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-300 | oklch(87.2% 0.007 219.6) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-400 | oklch(72.3% 0.014 214.4) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-50 | oklch(98.7% 0.002 197.1) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-500 | oklch(56% 0.021 213.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-600 | oklch(45% 0.017 213.2) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-700 | oklch(37.8% 0.015 216) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-800 | oklch(27.5% 0.011 216.9) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-900 | oklch(21.8% 0.008 223.9) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-mist-950 | oklch(14.8% 0.004 228.8) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-neutral-50 | oklch(98.5% 0 none) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-100 | oklch(96.6% 0.005 106.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-200 | oklch(93% 0.007 106.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-300 | oklch(88% 0.011 106.6) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-400 | oklch(73.7% 0.021 106.9) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-50 | oklch(98.8% 0.003 106.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-500 | oklch(58% 0.031 107.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-600 | oklch(46.6% 0.025 107.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-700 | oklch(39.4% 0.023 107.4) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-800 | oklch(28.6% 0.016 107.4) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-900 | oklch(22.8% 0.013 107.4) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-olive-950 | oklch(15.3% 0.006 107.1) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-orange-50 | oklch(98% 0.016 73.684) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-orange-950 | oklch(26.6% 0.079 36.259) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-pink-50 | oklch(97.1% 0.014 343.198) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-pink-950 | oklch(28.4% 0.109 3.907) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-purple-50 | oklch(97.7% 0.014 308.299) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-purple-950 | oklch(29.1% 0.149 302.717) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-red-50 | oklch(97.1% 0.013 17.38) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-100 | oklch(94.1% 0.03 12.58) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-200 | oklch(89.2% 0.058 10.001) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-300 | oklch(81% 0.117 11.638) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-400 | oklch(71.2% 0.194 13.428) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-50 | oklch(96.9% 0.015 12.422) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-500 | oklch(64.5% 0.246 16.439) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-600 | oklch(58.6% 0.253 17.585) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-700 | oklch(51.4% 0.222 16.935) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-800 | oklch(45.5% 0.188 13.697) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-900 | oklch(41% 0.159 10.272) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-rose-950 | oklch(27.1% 0.105 12.094) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-100 | oklch(95.1% 0.026 236.824) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-200 | oklch(90.1% 0.058 230.902) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-300 | oklch(82.8% 0.111 230.318) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-400 | oklch(74.6% 0.16 232.661) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-50 | oklch(97.7% 0.013 236.62) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-500 | oklch(68.5% 0.169 237.323) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-600 | oklch(58.8% 0.158 241.966) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-700 | oklch(50% 0.134 242.749) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-800 | oklch(44.3% 0.11 240.79) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-900 | oklch(39.1% 0.09 240.876) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-sky-950 | oklch(29.3% 0.066 243.157) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-100 | oklch(96.8% 0.007 247.896) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-200 | oklch(92.9% 0.013 255.508) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-300 | oklch(86.9% 0.022 252.894) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-400 | oklch(70.4% 0.04 256.788) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-50 | oklch(98.4% 0.003 247.858) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-500 | oklch(55.4% 0.046 257.417) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-600 | oklch(44.6% 0.043 257.281) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-700 | oklch(37.2% 0.044 257.287) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-800 | oklch(27.9% 0.041 260.031) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-900 | oklch(20.8% 0.042 265.755) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-slate-950 | oklch(12.9% 0.042 264.695) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-100 | oklch(97% 0.001 106.424) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-200 | oklch(92.3% 0.003 48.717) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-300 | oklch(86.9% 0.005 56.366) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-400 | oklch(70.9% 0.01 56.259) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-50 | oklch(98.5% 0.001 106.423) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-500 | oklch(55.3% 0.013 58.071) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-600 | oklch(44.4% 0.011 73.639) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-700 | oklch(37.4% 0.01 67.558) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-800 | oklch(26.8% 0.007 34.298) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-900 | oklch(21.6% 0.006 56.043) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-stone-950 | oklch(14.7% 0.004 49.25) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-100 | oklch(96% 0.002 17.2) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-200 | oklch(92.2% 0.005 34.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-300 | oklch(86.8% 0.007 39.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-400 | oklch(71.4% 0.014 41.2) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-50 | oklch(98.6% 0.002 67.8) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-500 | oklch(54.7% 0.021 43.1) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-600 | oklch(43.8% 0.017 39.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-700 | oklch(36.7% 0.016 35.7) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-800 | oklch(26.8% 0.011 36.5) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-900 | oklch(21.4% 0.009 43.1) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-taupe-950 | oklch(14.7% 0.004 49.3) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-teal-50 | oklch(98.4% 0.014 180.72) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-teal-950 | oklch(27.7% 0.046 192.524) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-100 | oklch(94.3% 0.029 294.588) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-200 | oklch(89.4% 0.057 293.283) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-300 | oklch(81.1% 0.111 293.571) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-400 | oklch(70.2% 0.183 293.541) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-50 | oklch(96.9% 0.016 293.756) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-500 | oklch(60.6% 0.25 292.717) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-600 | oklch(54.1% 0.281 293.009) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-700 | oklch(49.1% 0.27 292.581) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-800 | oklch(43.2% 0.232 292.759) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-900 | oklch(38% 0.189 293.745) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-violet-950 | oklch(28.3% 0.141 291.089) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-yellow-50 | oklch(98.7% 0.026 102.212) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-100 | oklch(96.7% 0.001 286.375) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-200 | oklch(92% 0.004 286.32) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-300 | oklch(87.1% 0.006 286.286) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-400 | oklch(70.5% 0.015 286.067) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-50 | oklch(98.5% 0 none) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-500 | oklch(55.2% 0.016 285.938) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-600 | oklch(44.2% 0.017 285.786) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-700 | oklch(37% 0.013 285.805) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-800 | oklch(27.4% 0.006 286.033) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-900 | oklch(21% 0.006 285.885) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--color-zinc-950 | oklch(14.1% 0.005 285.823) | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
The one we do declare, and it does nothing
tailwind-theme.css re-declares a name from the range above inside its own @theme block, and the declaration points at itself. So it resolves to the Tailwind value it was already going to have, emits no utility class, and is read by nothing. It is on this page because this is where its value comes from — it is an artefact of the @theme block, not a colour anybody picked.
1 tokens — 1 inert.
Not drawn: The one value here resolves to something with no appearance — a resolution cycle, or a value shape this renderer does not know.
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--color-red-950 | cycle | same | inert | --color-red-950 |