color

Preset color values and their consumers.

Scope

These values come from the current preset. Project theme declarations can override them. Mode-specific entries are labeled separately.

Numbered palette steps have fixed values. Hue aliases such as blue have separate light and dark values; current resolves to the element’s currentColor.

Values

stone-0

--color-stone-0

Defaultoklch(99% .002 72)

stone-5

--color-stone-5

Defaultoklch(94.9% .0053 72)

stone-10

--color-stone-10

Defaultoklch(90.8% .0158 72)

stone-20

--color-stone-20

Defaultoklch(82.6% .0287 72)

stone-30

--color-stone-30

Defaultoklch(74.4% .04 72)

stone-40

--color-stone-40

Defaultoklch(66.2% .044 72)

stone-50

--color-stone-50

Defaultoklch(58% .045 72)

stone-60

--color-stone-60

Defaultoklch(49.8% .033 72)

stone-70

--color-stone-70

Defaultoklch(41.6% .0275 72)

stone-80

--color-stone-80

Defaultoklch(33.4% .022 72)

stone-90

--color-stone-90

Defaultoklch(25.2% .0105 72)

stone-95

--color-stone-95

Defaultoklch(21.1% .0079 72)

stone-100

--color-stone-100

Defaultoklch(17% .0053 72)

gray-0

--color-gray-0

Defaultoklch(98.48% 0 none)

gray-5

--color-gray-5

Defaultoklch(96.5% 0 none)

gray-10

--color-gray-10

Defaultoklch(90% 0 none)

gray-20

--color-gray-20

Defaultoklch(82% 0 none)

gray-30

--color-gray-30

Defaultoklch(73.5% 0 none)

gray-40

--color-gray-40

Defaultoklch(65% 0 none)

gray-50

--color-gray-50

Defaultoklch(55.2% 0 none)

gray-60

--color-gray-60

Defaultoklch(48% 0 none)

gray-70

--color-gray-70

Defaultoklch(39.5% 0 none)

gray-80

--color-gray-80

Defaultoklch(31% 0 none)

gray-90

--color-gray-90

Defaultoklch(23.5% 0 none)

gray-95

--color-gray-95

Defaultoklch(18.5% 0 none)

gray-100

--color-gray-100

Defaultoklch(14.5% 0 none)

neutral-0

--color-neutral-0

Defaultoklch(98.38% .0033 250)

neutral-5

--color-neutral-5

Defaultoklch(96.8% .0048 253)

neutral-10

--color-neutral-10

Defaultoklch(94.8% .0074 262)

neutral-20

--color-neutral-20

Defaultoklch(88.5% .014 268)

neutral-30

--color-neutral-30

Defaultoklch(79.5% .02 270)

neutral-40

--color-neutral-40

Defaultoklch(68.5% .026 272)

neutral-50

--color-neutral-50

Defaultoklch(57% .03 273)

neutral-60

--color-neutral-60

Defaultoklch(48% .028 273)

neutral-70

--color-neutral-70

Defaultoklch(39% .024 273)

neutral-80

--color-neutral-80

Defaultoklch(30.5% .019 273)

neutral-90

--color-neutral-90

Defaultoklch(23% .014 273)

neutral-95

--color-neutral-95

Defaultoklch(18% .01 273)

neutral-100

--color-neutral-100

Defaultoklch(14% .007 273)

slate-0

--color-slate-0

Defaultoklch(98.07% .0055 257.1)

slate-5

--color-slate-5

Defaultoklch(96.15% .0145 267.3)

slate-10

--color-slate-10

Defaultoklch(90.16% .0324 268.2)

slate-20

--color-slate-20

Defaultoklch(82.16% .045 268.2)

slate-30

--color-slate-30

Defaultoklch(74.16% .069 268.2)

slate-40

--color-slate-40

Defaultoklch(63.99% .0804 266.1)

slate-50

--color-slate-50

Defaultoklch(55.43% .0949 263.4)

slate-60

--color-slate-60

Defaultoklch(45.03% .0817 265.9)

slate-70

--color-slate-70

Defaultoklch(39% .0702 263.9)

slate-80

--color-slate-80

Defaultoklch(32.14% .0604 264.8)

slate-90

--color-slate-90

Defaultoklch(27.33% .0536 264.8)

slate-95

--color-slate-95

Defaultoklch(21.5% .0573 267.4)

slate-100

--color-slate-100

Defaultoklch(17.5% .0688 267.4)

brown-0

--color-brown-0

Defaultoklch(97% .0097 47.1)

brown-5

--color-brown-5

Defaultoklch(95.48% .0183 34.8)

brown-10

--color-brown-10

Defaultoklch(88.65% .0558 33.4)

brown-20

--color-brown-20

Defaultoklch(81.37% .1065 33.6)

brown-30

--color-brown-30

Defaultoklch(74.39% .12 32.5)

brown-40

--color-brown-40

Defaultoklch(67.62% .12 32.5)

brown-50

--color-brown-50

Defaultoklch(61.9% .12 32.5)

brown-60

--color-brown-60

Defaultoklch(55.58% .12 32.5)

brown-70

--color-brown-70

Defaultoklch(49.11% .12 32.5)

brown-80

--color-brown-80

Defaultoklch(42.07% .12 32.5)

brown-90

--color-brown-90

Defaultoklch(35.11% .12 32.5)

brown-95

--color-brown-95

Defaultoklch(24.7% .0958 31.2)

brown-100

--color-brown-100

Defaultoklch(21.21% .0822 31.2)

orange-0

--color-orange-0

Defaultoklch(96.76% .0202 84.6)

orange-5

--color-orange-5

Defaultoklch(94.78% .0417 83)

orange-10

--color-orange-10

Defaultoklch(89.94% .0784 75.7)

orange-20

--color-orange-20

Defaultoklch(82.86% .1343 69.2)

orange-30

--color-orange-30

Defaultoklch(75.09% .179 58.4)

orange-40

--color-orange-40

Defaultoklch(71.4% .1941 48.1)

orange-50

--color-orange-50

Defaultoklch(66.61% .2247 36.7)

orange-60

--color-orange-60

Defaultoklch(61.68% .2388 31.2)

orange-70

--color-orange-70

Defaultoklch(53.53% .2196 29.2)

orange-80

--color-orange-80

Defaultoklch(46.33% .1901 29.2)

orange-90

--color-orange-90

Defaultoklch(36.63% .1503 29.2)

orange-95

--color-orange-95

Defaultoklch(25.4% .1042 29.2)

orange-100

--color-orange-100

Defaultoklch(21.44% .088 29.2)

amber-0

--color-amber-0

Defaultoklch(97.5% .0306 99)

amber-5

--color-amber-5

Defaultoklch(96.24% .0573 98.1)

amber-10

--color-amber-10

Defaultoklch(93.46% .0995 95.8)

amber-20

--color-amber-20

Defaultoklch(88.25% .1592 91.3)

amber-30

--color-amber-30

Defaultoklch(86% .1633 86.9)

amber-40

--color-amber-40

Defaultoklch(83.04% .1701 81.1)

amber-50

--color-amber-50

Defaultoklch(79.4% .1709 71.1)

amber-60

--color-amber-60

Defaultoklch(73.31% .1784 56.5)

amber-70

--color-amber-70

Defaultoklch(63.23% .1757 46.7)

amber-80

--color-amber-80

Defaultoklch(53.09% .1677 39.7)

amber-90

--color-amber-90

Defaultoklch(42.68% .138 38.6)

amber-95

--color-amber-95

Defaultoklch(29.27% .0971 37.4)

amber-100

--color-amber-100

Defaultoklch(23.94% .0818 36.1)

yellow-0

--color-yellow-0

Defaultoklch(98.86% .0355 107.4)

yellow-5

--color-yellow-5

Defaultoklch(98.27% .0758 108)

yellow-10

--color-yellow-10

Defaultoklch(97.31% .1513 109.1)

yellow-20

--color-yellow-20

Defaultoklch(95.82% .207 108.4)

yellow-30

--color-yellow-30

Defaultoklch(93.51% .1981 104.7)

yellow-40

--color-yellow-40

Defaultoklch(91.5% .1909 101.1)

yellow-50

--color-yellow-50

Defaultoklch(87.52% .1796 94.6)

yellow-60

--color-yellow-60

Defaultoklch(82.02% .169 82.1)

yellow-70

--color-yellow-70

Defaultoklch(72.04% .1592 67)

yellow-80

--color-yellow-80

Defaultoklch(64.84% .1477 63.1)

yellow-90

--color-yellow-90

Defaultoklch(52.17% .1199 62.2)

yellow-95

--color-yellow-95

Defaultoklch(33.35% .083 54.6)

yellow-100

--color-yellow-100

Defaultoklch(26.22% .0646 55.4)

lime-0

--color-lime-0

Defaultoklch(98.05% .0399 116)

lime-5

--color-lime-5

Defaultoklch(96.62% .08 121.2)

lime-10

--color-lime-10

Defaultoklch(95.06% .1441 121.5)

lime-20

--color-lime-20

Defaultoklch(92.45% .2251 126)

lime-30

--color-lime-30

Defaultoklch(87.79% .2261 126.9)

lime-40

--color-lime-40

Defaultoklch(82.22% .225 131.1)

lime-50

--color-lime-50

Defaultoklch(74.39% .2131 133.9)

lime-60

--color-lime-60

Defaultoklch(66.45% .195 135.3)

lime-70

--color-lime-70

Defaultoklch(58.7% .1769 136.7)

lime-80

--color-lime-80

Defaultoklch(51.46% .1612 138.7)

lime-90

--color-lime-90

Defaultoklch(44.54% .1437 140.1)

lime-95

--color-lime-95

Defaultoklch(29.84% .097 140.4)

lime-100

--color-lime-100

Defaultoklch(25.83% .0851 141.1)

green-0

--color-green-0

Defaultoklch(97% .0305 145.7)

green-5

--color-green-5

Defaultoklch(94.95% .071 145.5)

green-10

--color-green-10

Defaultoklch(92.05% .1355 145.7)

green-20

--color-green-20

Defaultoklch(89.18% .2191 143.8)

green-30

--color-green-30

Defaultoklch(84.3% .24 143.9)

green-40

--color-green-40

Defaultoklch(77.68% .25 144.1)

green-50

--color-green-50

Defaultoklch(72.41% .2464 142.5)

green-60

--color-green-60

Defaultoklch(67.52% .2298 142.5)

green-70

--color-green-70

Defaultoklch(58.66% .1996 142.5)

green-80

--color-green-80

Defaultoklch(51.96% .1768 142.5)

green-90

--color-green-90

Defaultoklch(44.03% .1498 142.5)

green-95

--color-green-95

Defaultoklch(30.17% .1027 142.5)

green-100

--color-green-100

Defaultoklch(26.35% .0897 142.5)

beryl-0

--color-beryl-0

Defaultoklch(96.57% .03 163.7)

beryl-5

--color-beryl-5

Defaultoklch(94.71% .0634 163.5)

beryl-10

--color-beryl-10

Defaultoklch(91.87% .1178 162.2)

beryl-20

--color-beryl-20

Defaultoklch(90.33% .1569 161.2)

beryl-30

--color-beryl-30

Defaultoklch(86.43% .2104 155.8)

beryl-40

--color-beryl-40

Defaultoklch(82.49% .1978 156.6)

beryl-50

--color-beryl-50

Defaultoklch(76.89% .1885 155.4)

beryl-60

--color-beryl-60

Defaultoklch(69.77% .1794 153.1)

beryl-70

--color-beryl-70

Defaultoklch(60.74% .1602 151.9)

beryl-80

--color-beryl-80

Defaultoklch(54.36% .1421 152.3)

beryl-90

--color-beryl-90

Defaultoklch(46.09% .1213 152)

beryl-95

--color-beryl-95

Defaultoklch(30.39% .0888 147.6)

beryl-100

--color-beryl-100

Defaultoklch(26.71% .0855 144.4)

teal-0

--color-teal-0

Defaultoklch(97.24% .023 179.8)

teal-5

--color-teal-5

Defaultoklch(94.3% .0661 180.5)

teal-10

--color-teal-10

Defaultoklch(92.33% .1056 181.5)

teal-20

--color-teal-20

Defaultoklch(91.3% .1327 183.1)

teal-30

--color-teal-30

Defaultoklch(90.52% .1472 184.8)

teal-40

--color-teal-40

Defaultoklch(89.99% .1577 186.3)

teal-50

--color-teal-50

Defaultoklch(86.13% .1485 190.5)

teal-60

--color-teal-60

Defaultoklch(79.38% .1355 194.8)

teal-70

--color-teal-70

Defaultoklch(67.86% .1154 199.2)

teal-80

--color-teal-80

Defaultoklch(60.62% .1033 203.7)

teal-90

--color-teal-90

Defaultoklch(52.19% .0898 208.3)

teal-95

--color-teal-95

Defaultoklch(31.94% .0584 220.7)

teal-100

--color-teal-100

Defaultoklch(28.34% .0534 224.3)

cyan-0

--color-cyan-0

Defaultoklch(97.47% .022 196.6)

cyan-5

--color-cyan-5

Defaultoklch(95.05% .0598 196)

cyan-10

--color-cyan-10

Defaultoklch(92.28% .1032 196.9)

cyan-20

--color-cyan-20

Defaultoklch(89.98% .1264 200.1)

cyan-30

--color-cyan-30

Defaultoklch(87.28% .1376 204.3)

cyan-40

--color-cyan-40

Defaultoklch(84.82% .1408 209.5)

cyan-50

--color-cyan-50

Defaultoklch(81.54% .1453 216.7)

cyan-60

--color-cyan-60

Defaultoklch(77.57% .1494 226.7)

cyan-70

--color-cyan-70

Defaultoklch(70.27% .1509 235.9)

cyan-80

--color-cyan-80

Defaultoklch(63.25% .1493 241.7)

cyan-90

--color-cyan-90

Defaultoklch(52.16% .1354 246.4)

cyan-95

--color-cyan-95

Defaultoklch(35.21% .0976 249.2)

cyan-100

--color-cyan-100

Defaultoklch(30.27% .0847 249.6)

sky-0

--color-sky-0

Defaultoklch(97.39% .0139 209.4)

sky-5

--color-sky-5

Defaultoklch(94.65% .0358 212.1)

sky-10

--color-sky-10

Defaultoklch(90.51% .0667 216.5)

sky-20

--color-sky-20

Defaultoklch(86.58% .0902 224)

sky-30

--color-sky-30

Defaultoklch(77.94% .1431 228.4)

sky-40

--color-sky-40

Defaultoklch(72.24% .1626 239)

sky-50

--color-sky-50

Defaultoklch(67.09% .1828 248.5)

sky-60

--color-sky-60

Defaultoklch(62.09% .2077 255.4)

sky-70

--color-sky-70

Defaultoklch(55.12% .2483 261.6)

sky-80

--color-sky-80

Defaultoklch(49.98% .2769 263.8)

sky-90

--color-sky-90

Defaultoklch(40.76% .2499 264.2)

sky-95

--color-sky-95

Defaultoklch(28.37% .1946 265.1)

sky-100

--color-sky-100

Defaultoklch(25.85% .1768 265.4)

blue-0

--color-blue-0

Defaultoklch(97.5% .0105 219.7)

blue-5

--color-blue-5

Defaultoklch(93.53% .0305 231.3)

blue-10

--color-blue-10

Defaultoklch(90.01% .0519 236.1)

blue-20

--color-blue-20

Defaultoklch(81.69% .0975 246.5)

blue-30

--color-blue-30

Defaultoklch(72.87% .1468 249.3)

blue-40

--color-blue-40

Defaultoklch(64.31% .1921 258.5)

blue-50

--color-blue-50

Defaultoklch(58.22% .2279 263.9)

blue-60

--color-blue-60

Defaultoklch(51.83% .2687 266.1)

blue-70

--color-blue-70

Defaultoklch(46.26% .3057 266.7)

blue-80

--color-blue-80

Defaultoklch(42.89% .2907 266.3)

blue-90

--color-blue-90

Defaultoklch(39.4% .2629 268)

blue-95

--color-blue-95

Defaultoklch(28.64% .1893 269)

blue-100

--color-blue-100

Defaultoklch(25.46% .168 269.2)

indigo-0

--color-indigo-0

Defaultoklch(97.1% .0083 257.2)

indigo-5

--color-indigo-5

Defaultoklch(94.11% .0228 279.6)

indigo-10

--color-indigo-10

Defaultoklch(87.83% .0547 274.4)

indigo-20

--color-indigo-20

Defaultoklch(77.74% .1153 280.2)

indigo-30

--color-indigo-30

Defaultoklch(70.2% .1611 282.9)

indigo-40

--color-indigo-40

Defaultoklch(61.3% .218 284)

indigo-50

--color-indigo-50

Defaultoklch(56.78% .2478 284.1)

indigo-60

--color-indigo-60

Defaultoklch(50.06% .2906 282)

indigo-70

--color-indigo-70

Defaultoklch(48.74% .2963 279.3)

indigo-80

--color-indigo-80

Defaultoklch(48.25% .2976 277.4)

indigo-90

--color-indigo-90

Defaultoklch(41.46% .2571 276.7)

indigo-95

--color-indigo-95

Defaultoklch(29.36% .1799 278.3)

indigo-100

--color-indigo-100

Defaultoklch(25.28% .1551 278.1)

violet-0

--color-violet-0

Defaultoklch(97.96% .01 322.8)

violet-5

--color-violet-5

Defaultoklch(94.02% .0266 299.5)

violet-10

--color-violet-10

Defaultoklch(88.69% .0596 300.1)

violet-20

--color-violet-20

Defaultoklch(80.47% .113 297.7)

violet-30

--color-violet-30

Defaultoklch(71.63% .1722 298.7)

violet-40

--color-violet-40

Defaultoklch(62.1% .237 297.8)

violet-50

--color-violet-50

Defaultoklch(56.23% .2803 297.8)

violet-60

--color-violet-60

Defaultoklch(52.55% .293 292.4)

violet-70

--color-violet-70

Defaultoklch(51.12% .2931 287.9)

violet-80

--color-violet-80

Defaultoklch(48.43% .2798 286.7)

violet-90

--color-violet-90

Defaultoklch(40.64% .2331 287.9)

violet-95

--color-violet-95

Defaultoklch(28.51% .1631 288.3)

violet-100

--color-violet-100

Defaultoklch(24.44% .1403 287.8)

purple-0

--color-purple-0

Defaultoklch(97.07% .0155 325.8)

purple-5

--color-purple-5

Defaultoklch(94.28% .0315 314.4)

purple-10

--color-purple-10

Defaultoklch(89.13% .0709 314.7)

purple-20

--color-purple-20

Defaultoklch(81.4% .1318 312.8)

purple-30

--color-purple-30

Defaultoklch(72.72% .2007 312.8)

purple-40

--color-purple-40

Defaultoklch(63.36% .2677 310)

purple-50

--color-purple-50

Defaultoklch(58.21% .2988 307.2)

purple-60

--color-purple-60

Defaultoklch(55.59% .2952 301)

purple-70

--color-purple-70

Defaultoklch(54.45% .294 297.9)

purple-80

--color-purple-80

Defaultoklch(48.76% .264 297.5)

purple-90

--color-purple-90

Defaultoklch(39.15% .2105 298.7)

purple-95

--color-purple-95

Defaultoklch(27.95% .1488 300.5)

purple-100

--color-purple-100

Defaultoklch(24.3% .128 302.4)

fuchsia-0

--color-fuchsia-0

Defaultoklch(97.07% .0155 325.8)

fuchsia-5

--color-fuchsia-5

Defaultoklch(94.57% .0378 324.9)

fuchsia-10

--color-fuchsia-10

Defaultoklch(89.9% .086 326.3)

fuchsia-20

--color-fuchsia-20

Defaultoklch(81.84% .1554 322)

fuchsia-30

--color-fuchsia-30

Defaultoklch(74.78% .2085 319.1)

fuchsia-40

--color-fuchsia-40

Defaultoklch(67.61% .25 316.5)

fuchsia-50

--color-fuchsia-50

Defaultoklch(62.91% .25 316.7)

fuchsia-60

--color-fuchsia-60

Defaultoklch(58.72% .25 311.8)

fuchsia-70

--color-fuchsia-70

Defaultoklch(53.61% .25 312.8)

fuchsia-80

--color-fuchsia-80

Defaultoklch(47.9% .2382 313.2)

fuchsia-90

--color-fuchsia-90

Defaultoklch(38.62% .1895 315.8)

fuchsia-95

--color-fuchsia-95

Defaultoklch(27.75% .1357 316.4)

fuchsia-100

--color-fuchsia-100

Defaultoklch(23.7% .1162 315.9)

pink-0

--color-pink-0

Defaultoklch(97.07% .0155 325.8)

pink-5

--color-pink-5

Defaultoklch(94.74% .0372 326.5)

pink-10

--color-pink-10

Defaultoklch(88.85% .083 332.8)

pink-20

--color-pink-20

Defaultoklch(81.57% .1379 341.6)

pink-30

--color-pink-30

Defaultoklch(74.68% .2018 342.5)

pink-40

--color-pink-40

Defaultoklch(69.18% .2455 347.6)

pink-50

--color-pink-50

Defaultoklch(65.84% .25 350.7)

pink-60

--color-pink-60

Defaultoklch(63.54% .25 359.2)

pink-70

--color-pink-70

Defaultoklch(58.95% .2377 2.6)

pink-80

--color-pink-80

Defaultoklch(53% .2126 6.4)

pink-90

--color-pink-90

Defaultoklch(43.66% .1748 8.1)

pink-95

--color-pink-95

Defaultoklch(31.48% .1261 7.8)

pink-100

--color-pink-100

Defaultoklch(27.42% .1098 8.5)

crimson-0

--color-crimson-0

Defaultoklch(97.07% .0155 325.8)

crimson-5

--color-crimson-5

Defaultoklch(94.2% .0266 353.2)

crimson-10

--color-crimson-10

Defaultoklch(88.09% .0623 1)

crimson-20

--color-crimson-20

Defaultoklch(80.33% .1184 4.5)

crimson-30

--color-crimson-30

Defaultoklch(72.9% .1774 4.4)

crimson-40

--color-crimson-40

Defaultoklch(66.41% .2325 8.3)

crimson-50

--color-crimson-50

Defaultoklch(63.55% .25 15.3)

crimson-60

--color-crimson-60

Defaultoklch(62.66% .25 21.2)

crimson-70

--color-crimson-70

Defaultoklch(58.59% .2383 26.2)

crimson-80

--color-crimson-80

Defaultoklch(53.32% .2169 26.3)

crimson-90

--color-crimson-90

Defaultoklch(44.03% .1783 24.4)

crimson-95

--color-crimson-95

Defaultoklch(31.73% .1287 25.1)

crimson-100

--color-crimson-100

Defaultoklch(27.68% .1126 26.2)

red-0

--color-red-0

Defaultoklch(96.63% .01 17.2)

red-5

--color-red-5

Defaultoklch(94.05% .0239 17)

red-10

--color-red-10

Defaultoklch(87.16% .0632 17.8)

red-20

--color-red-20

Defaultoklch(79.39% .119 18.8)

red-30

--color-red-30

Defaultoklch(72.94% .1679 17.5)

red-40

--color-red-40

Defaultoklch(64.7% .2399 19.9)

red-50

--color-red-50

Defaultoklch(62.82% .25 28.6)

red-60

--color-red-60

Defaultoklch(60.94% .2501 29.2)

red-70

--color-red-70

Defaultoklch(57.58% .2363 29.2)

red-80

--color-red-80

Defaultoklch(53.09% .2178 29.2)

red-90

--color-red-90

Defaultoklch(44.45% .1824 29.2)

red-95

--color-red-95

Defaultoklch(32.59% .1337 29.2)

red-100

--color-red-100

Defaultoklch(28.54% .1171 29.2)

sand-0

--color-sand-0

Defaultoklch(98.6% .007 88)

sand-5

--color-sand-5

Defaultoklch(96.4% .014 86)

sand-10

--color-sand-10

Defaultoklch(93.2% .025 84)

sand-20

--color-sand-20

Defaultoklch(86.6% .045 82)

sand-30

--color-sand-30

Defaultoklch(79.7% .064 80)

sand-40

--color-sand-40

Defaultoklch(71.8% .079 78)

sand-50

--color-sand-50

Defaultoklch(63.4% .082 76)

sand-60

--color-sand-60

Defaultoklch(53.8% .074 73)

sand-70

--color-sand-70

Defaultoklch(44.6% .064 70)

sand-80

--color-sand-80

Defaultoklch(35.8% .05 67)

sand-90

--color-sand-90

Defaultoklch(26.8% .034 64)

sand-95

--color-sand-95

Defaultoklch(22.2% .026 62)

sand-100

--color-sand-100

Defaultoklch(17.8% .018 60)

taupe-0

--color-taupe-0

Defaultoklch(98.5% .003 55)

taupe-5

--color-taupe-5

Defaultoklch(96.1% .006 53)

taupe-10

--color-taupe-10

Defaultoklch(92.4% .01 51)

taupe-20

--color-taupe-20

Defaultoklch(85% .018 49)

taupe-30

--color-taupe-30

Defaultoklch(77.3% .025 47)

taupe-40

--color-taupe-40

Defaultoklch(68.5% .03 45)

taupe-50

--color-taupe-50

Defaultoklch(59.2% .032 43)

taupe-60

--color-taupe-60

Defaultoklch(49.6% .03 41)

taupe-70

--color-taupe-70

Defaultoklch(40.6% .027 39)

taupe-80

--color-taupe-80

Defaultoklch(32.1% .023 37)

taupe-90

--color-taupe-90

Defaultoklch(23.8% .017 35)

taupe-95

--color-taupe-95

Defaultoklch(19.7% .013 34)

taupe-100

--color-taupe-100

Defaultoklch(15.8% .009 33)

olive-0

--color-olive-0

Defaultoklch(98.5% .009 110)

olive-5

--color-olive-5

Defaultoklch(96.2% .02 111)

olive-10

--color-olive-10

Defaultoklch(92.8% .036 112)

olive-20

--color-olive-20

Defaultoklch(86.4% .063 113)

olive-30

--color-olive-30

Defaultoklch(79.4% .087 114)

olive-40

--color-olive-40

Defaultoklch(71.5% .105 114)

olive-50

--color-olive-50

Defaultoklch(62.8% .108 113)

olive-60

--color-olive-60

Defaultoklch(53.4% .096 112)

olive-70

--color-olive-70

Defaultoklch(44.5% .081 111)

olive-80

--color-olive-80

Defaultoklch(35.8% .063 110)

olive-90

--color-olive-90

Defaultoklch(27.1% .044 109)

olive-95

--color-olive-95

Defaultoklch(22.6% .034 108)

olive-100

--color-olive-100

Defaultoklch(18.2% .025 107)

sage-0

--color-sage-0

Defaultoklch(98.4% .004 151)

sage-5

--color-sage-5

Defaultoklch(96% .009 152)

sage-10

--color-sage-10

Defaultoklch(92.5% .017 153)

sage-20

--color-sage-20

Defaultoklch(85.6% .03 154)

sage-30

--color-sage-30

Defaultoklch(78.1% .042 155)

sage-40

--color-sage-40

Defaultoklch(69.8% .049 156)

sage-50

--color-sage-50

Defaultoklch(60.9% .051 157)

sage-60

--color-sage-60

Defaultoklch(51.5% .047 158)

sage-70

--color-sage-70

Defaultoklch(42.8% .041 159)

sage-80

--color-sage-80

Defaultoklch(34.3% .033 160)

sage-90

--color-sage-90

Defaultoklch(25.9% .024 161)

sage-95

--color-sage-95

Defaultoklch(21.5% .018 162)

sage-100

--color-sage-100

Defaultoklch(17.3% .012 163)

moss-0

--color-moss-0

Defaultoklch(98.3% .007 132)

moss-5

--color-moss-5

Defaultoklch(95.8% .017 133)

moss-10

--color-moss-10

Defaultoklch(92.1% .032 134)

moss-20

--color-moss-20

Defaultoklch(85.2% .058 135)

moss-30

--color-moss-30

Defaultoklch(77.8% .08 136)

moss-40

--color-moss-40

Defaultoklch(69.9% .097 137)

moss-50

--color-moss-50

Defaultoklch(61.3% .103 138)

moss-60

--color-moss-60

Defaultoklch(52.2% .093 139)

moss-70

--color-moss-70

Defaultoklch(43.6% .08 140)

moss-80

--color-moss-80

Defaultoklch(35.3% .064 141)

moss-90

--color-moss-90

Defaultoklch(26.8% .045 142)

moss-95

--color-moss-95

Defaultoklch(22.3% .034 143)

moss-100

--color-moss-100

Defaultoklch(17.9% .023 144)

petrol-0

--color-petrol-0

Defaultoklch(98.3% .005 205)

petrol-5

--color-petrol-5

Defaultoklch(95.8% .013 207)

petrol-10

--color-petrol-10

Defaultoklch(92% .026 209)

petrol-20

--color-petrol-20

Defaultoklch(84.8% .046 211)

petrol-30

--color-petrol-30

Defaultoklch(76.8% .066 213)

petrol-40

--color-petrol-40

Defaultoklch(68% .085 215)

petrol-50

--color-petrol-50

Defaultoklch(58.6% .099 217)

petrol-60

--color-petrol-60

Defaultoklch(49.3% .091 219)

petrol-70

--color-petrol-70

Defaultoklch(40.8% .075 221)

petrol-80

--color-petrol-80

Defaultoklch(32.8% .059 223)

petrol-90

--color-petrol-90

Defaultoklch(24.8% .041 225)

petrol-95

--color-petrol-95

Defaultoklch(20.6% .031 226)

petrol-100

--color-petrol-100

Defaultoklch(16.5% .022 227)

copper-0

--color-copper-0

Defaultoklch(98.4% .007 76)

copper-5

--color-copper-5

Defaultoklch(96% .017 75)

copper-10

--color-copper-10

Defaultoklch(92.5% .031 74)

copper-20

--color-copper-20

Defaultoklch(86% .059 72)

copper-30

--color-copper-30

Defaultoklch(79% .087 70)

copper-40

--color-copper-40

Defaultoklch(71.4% .115 68)

copper-50

--color-copper-50

Defaultoklch(63.3% .13 66)

copper-60

--color-copper-60

Defaultoklch(54.7% .116 64)

copper-70

--color-copper-70

Defaultoklch(46% .098 62)

copper-80

--color-copper-80

Defaultoklch(37.2% .078 60)

copper-90

--color-copper-90

Defaultoklch(28.2% .055 58)

copper-95

--color-copper-95

Defaultoklch(23.5% .042 57)

copper-100

--color-copper-100

Defaultoklch(18.9% .03 56)

terracotta-0

--color-terracotta-0

Defaultoklch(98.3% .006 47)

terracotta-5

--color-terracotta-5

Defaultoklch(95.8% .015 46)

terracotta-10

--color-terracotta-10

Defaultoklch(92% .03 44)

terracotta-20

--color-terracotta-20

Defaultoklch(85.4% .05 42)

terracotta-30

--color-terracotta-30

Defaultoklch(78.7% .073 40)

terracotta-40

--color-terracotta-40

Defaultoklch(72% .09 38)

terracotta-50

--color-terracotta-50

Defaultoklch(64.4% .096 36)

terracotta-60

--color-terracotta-60

Defaultoklch(55.8% .087 34)

terracotta-70

--color-terracotta-70

Defaultoklch(47% .076 32)

terracotta-80

--color-terracotta-80

Defaultoklch(38% .062 30)

terracotta-90

--color-terracotta-90

Defaultoklch(28.8% .044 28)

terracotta-95

--color-terracotta-95

Defaultoklch(24% .034 27)

terracotta-100

--color-terracotta-100

Defaultoklch(19.3% .025 26)

stone

--color-stone

Defaultvar(--color-stone-30)

lightvar(--color-stone-30)

darkvar(--color-stone-40)

gray

--color-gray

Defaultvar(--color-gray-30)

lightvar(--color-gray-30)

darkvar(--color-gray-40)

neutral

--color-neutral

Defaultvar(--color-neutral-30)

lightvar(--color-neutral-30)

darkvar(--color-neutral-40)

slate

--color-slate

Defaultvar(--color-slate-30)

lightvar(--color-slate-30)

darkvar(--color-slate-40)

brown

--color-brown

Defaultvar(--color-brown-40)

lightvar(--color-brown-40)

darkvar(--color-brown-50)

orange

--color-orange

Defaultvar(--color-orange-40)

lightvar(--color-orange-40)

darkvar(--color-orange-50)

amber

--color-amber

Defaultvar(--color-amber-40)

lightvar(--color-amber-40)

darkvar(--color-amber-50)

yellow

--color-yellow

Defaultvar(--color-yellow-40)

lightvar(--color-yellow-40)

darkvar(--color-yellow-50)

lime

--color-lime

Defaultvar(--color-lime-40)

lightvar(--color-lime-40)

darkvar(--color-lime-50)

green

--color-green

Defaultvar(--color-green-40)

lightvar(--color-green-40)

darkvar(--color-green-50)

beryl

--color-beryl

Defaultvar(--color-beryl-40)

lightvar(--color-beryl-40)

darkvar(--color-beryl-50)

teal

--color-teal

Defaultvar(--color-teal-40)

lightvar(--color-teal-40)

darkvar(--color-teal-50)

cyan

--color-cyan

Defaultvar(--color-cyan-40)

lightvar(--color-cyan-40)

darkvar(--color-cyan-50)

sky

--color-sky

Defaultvar(--color-sky-60)

lightvar(--color-sky-60)

darkvar(--color-sky-50)

blue

--color-blue

Defaultvar(--color-blue-60)

lightvar(--color-blue-60)

darkvar(--color-blue-50)

indigo

--color-indigo

Defaultvar(--color-indigo-60)

lightvar(--color-indigo-60)

darkvar(--color-indigo-50)

violet

--color-violet

Defaultvar(--color-violet-60)

lightvar(--color-violet-60)

darkvar(--color-violet-50)

purple

--color-purple

Defaultvar(--color-purple-60)

lightvar(--color-purple-60)

darkvar(--color-purple-50)

fuchsia

--color-fuchsia

Defaultvar(--color-fuchsia-60)

lightvar(--color-fuchsia-60)

darkvar(--color-fuchsia-50)

pink

--color-pink

Defaultvar(--color-pink-60)

lightvar(--color-pink-60)

darkvar(--color-pink-50)

crimson

--color-crimson

Defaultvar(--color-crimson-60)

lightvar(--color-crimson-60)

darkvar(--color-crimson-50)

red

--color-red

Defaultvar(--color-red-60)

lightvar(--color-red-60)

darkvar(--color-red-50)

sand

--color-sand

Defaultvar(--color-sand-30)

lightvar(--color-sand-30)

darkvar(--color-sand-40)

taupe

--color-taupe

Defaultvar(--color-taupe-30)

lightvar(--color-taupe-30)

darkvar(--color-taupe-40)

olive

--color-olive

Defaultvar(--color-olive-50)

lightvar(--color-olive-50)

darkvar(--color-olive-40)

sage

--color-sage

Defaultvar(--color-sage-30)

lightvar(--color-sage-30)

darkvar(--color-sage-40)

moss

--color-moss

Defaultvar(--color-moss-50)

lightvar(--color-moss-50)

darkvar(--color-moss-40)

petrol

--color-petrol

Defaultvar(--color-petrol-60)

lightvar(--color-petrol-60)

darkvar(--color-petrol-50)

copper

--color-copper

Defaultvar(--color-copper-50)

lightvar(--color-copper-50)

darkvar(--color-copper-40)

terracotta

--color-terracotta

Defaultvar(--color-terracotta-50)

lightvar(--color-terracotta-50)

darkvar(--color-terracotta-40)

white

--color-white

Defaultoklch(100% 0 none)

black

--color-black

Defaultoklch(0% 0 none)

current

--color-current

DefaultcurrentColor

Consumers

-webkit-text-fill-color-, -webkit-text-stroke-color-, accent-color-, b-, backdrop-filter-, background-color-, bb-, bg-, bl-, border-, border-block-, border-block-color-, border-block-end-, border-block-end-color-, border-block-start-, border-block-start-color-, border-bottom-, border-bottom-color-, border-color-, border-inline-, border-inline-color-, border-inline-end-, border-inline-end-color-, border-inline-start-, border-inline-start-color-, border-left-, border-left-color-, border-right-, border-right-color-, border-top-, border-top-color-, box-shadow-, br-, bt-, bx-, by-, caret-color-, color-, fg-, fill-, filter-, outline-, outline-color-, shadow-, stroke-, text-decoration-, text-decoration-color-, text-fill-color-, text-shadow-, text-stroke-, text-stroke-color-

Customize

See variables and modes and theme directives. For usage and examples, see Colors.