Tailwind CSS 4.3.3

Tailwind CSS colors 26 families, 286 shades + black and white

Every current Tailwind color, including mauve, olive, mist and taupe: 26 families with eleven shades each, plus black and white. Copy the native v4 values below. The original 22 v3 families remain available with their sRGB contrast grids and design tokens.

Families
26
Shades each
11
Palette
tailwindcss 4.3.3
All color pages RAL Classic Crayola

Tailwind CSS 4.3.3

All 26 current color families

286 shades with exact official OKLCH values. Use bg-blue-500, text-blue-500 or border-blue-500 in Tailwind. Wide-gamut colors are preserved; these are not the v3 hex values.

ColorExact OKLCHCSS variable
red-50oklch(97.1% 0.013 17.38)--color-red-50
red-100oklch(93.6% 0.032 17.717)--color-red-100
red-200oklch(88.5% 0.062 18.334)--color-red-200
red-300oklch(80.8% 0.114 19.571)--color-red-300
red-400oklch(70.4% 0.191 22.216)--color-red-400
red-500oklch(63.7% 0.237 25.331)--color-red-500
red-600oklch(57.7% 0.245 27.325)--color-red-600
red-700oklch(50.5% 0.213 27.518)--color-red-700
red-800oklch(44.4% 0.177 26.899)--color-red-800
red-900oklch(39.6% 0.141 25.723)--color-red-900
red-950oklch(25.8% 0.092 26.042)--color-red-950
orange-50oklch(98% 0.016 73.684)--color-orange-50
orange-100oklch(95.4% 0.038 75.164)--color-orange-100
orange-200oklch(90.1% 0.076 70.697)--color-orange-200
orange-300oklch(83.7% 0.128 66.29)--color-orange-300
orange-400oklch(75% 0.183 55.934)--color-orange-400
orange-500oklch(70.5% 0.213 47.604)--color-orange-500
orange-600oklch(64.6% 0.222 41.116)--color-orange-600
orange-700oklch(55.3% 0.195 38.402)--color-orange-700
orange-800oklch(47% 0.157 37.304)--color-orange-800
orange-900oklch(40.8% 0.123 38.172)--color-orange-900
orange-950oklch(26.6% 0.079 36.259)--color-orange-950
amber-50oklch(98.7% 0.022 95.277)--color-amber-50
amber-100oklch(96.2% 0.059 95.617)--color-amber-100
amber-200oklch(92.4% 0.12 95.746)--color-amber-200
amber-300oklch(87.9% 0.169 91.605)--color-amber-300
amber-400oklch(82.8% 0.189 84.429)--color-amber-400
amber-500oklch(76.9% 0.188 70.08)--color-amber-500
amber-600oklch(66.6% 0.179 58.318)--color-amber-600
amber-700oklch(55.5% 0.163 48.998)--color-amber-700
amber-800oklch(47.3% 0.137 46.201)--color-amber-800
amber-900oklch(41.4% 0.112 45.904)--color-amber-900
amber-950oklch(27.9% 0.077 45.635)--color-amber-950
yellow-50oklch(98.7% 0.026 102.212)--color-yellow-50
yellow-100oklch(97.3% 0.071 103.193)--color-yellow-100
yellow-200oklch(94.5% 0.129 101.54)--color-yellow-200
yellow-300oklch(90.5% 0.182 98.111)--color-yellow-300
yellow-400oklch(85.2% 0.199 91.936)--color-yellow-400
yellow-500oklch(79.5% 0.184 86.047)--color-yellow-500
yellow-600oklch(68.1% 0.162 75.834)--color-yellow-600
yellow-700oklch(55.4% 0.135 66.442)--color-yellow-700
yellow-800oklch(47.6% 0.114 61.907)--color-yellow-800
yellow-900oklch(42.1% 0.095 57.708)--color-yellow-900
yellow-950oklch(28.6% 0.066 53.813)--color-yellow-950
lime-50oklch(98.6% 0.031 120.757)--color-lime-50
lime-100oklch(96.7% 0.067 122.328)--color-lime-100
lime-200oklch(93.8% 0.127 124.321)--color-lime-200
lime-300oklch(89.7% 0.196 126.665)--color-lime-300
lime-400oklch(84.1% 0.238 128.85)--color-lime-400
lime-500oklch(76.8% 0.233 130.85)--color-lime-500
lime-600oklch(64.8% 0.2 131.684)--color-lime-600
lime-700oklch(53.2% 0.157 131.589)--color-lime-700
lime-800oklch(45.3% 0.124 130.933)--color-lime-800
lime-900oklch(40.5% 0.101 131.063)--color-lime-900
lime-950oklch(27.4% 0.072 132.109)--color-lime-950
green-50oklch(98.2% 0.018 155.826)--color-green-50
green-100oklch(96.2% 0.044 156.743)--color-green-100
green-200oklch(92.5% 0.084 155.995)--color-green-200
green-300oklch(87.1% 0.15 154.449)--color-green-300
green-400oklch(79.2% 0.209 151.711)--color-green-400
green-500oklch(72.3% 0.219 149.579)--color-green-500
green-600oklch(62.7% 0.194 149.214)--color-green-600
green-700oklch(52.7% 0.154 150.069)--color-green-700
green-800oklch(44.8% 0.119 151.328)--color-green-800
green-900oklch(39.3% 0.095 152.535)--color-green-900
green-950oklch(26.6% 0.065 152.934)--color-green-950
emerald-50oklch(97.9% 0.021 166.113)--color-emerald-50
emerald-100oklch(95% 0.052 163.051)--color-emerald-100
emerald-200oklch(90.5% 0.093 164.15)--color-emerald-200
emerald-300oklch(84.5% 0.143 164.978)--color-emerald-300
emerald-400oklch(76.5% 0.177 163.223)--color-emerald-400
emerald-500oklch(69.6% 0.17 162.48)--color-emerald-500
emerald-600oklch(59.6% 0.145 163.225)--color-emerald-600
emerald-700oklch(50.8% 0.118 165.612)--color-emerald-700
emerald-800oklch(43.2% 0.095 166.913)--color-emerald-800
emerald-900oklch(37.8% 0.077 168.94)--color-emerald-900
emerald-950oklch(26.2% 0.051 172.552)--color-emerald-950
teal-50oklch(98.4% 0.014 180.72)--color-teal-50
teal-100oklch(95.3% 0.051 180.801)--color-teal-100
teal-200oklch(91% 0.096 180.426)--color-teal-200
teal-300oklch(85.5% 0.138 181.071)--color-teal-300
teal-400oklch(77.7% 0.152 181.912)--color-teal-400
teal-500oklch(70.4% 0.14 182.503)--color-teal-500
teal-600oklch(60% 0.118 184.704)--color-teal-600
teal-700oklch(51.1% 0.096 186.391)--color-teal-700
teal-800oklch(43.7% 0.078 188.216)--color-teal-800
teal-900oklch(38.6% 0.063 188.416)--color-teal-900
teal-950oklch(27.7% 0.046 192.524)--color-teal-950
cyan-50oklch(98.4% 0.019 200.873)--color-cyan-50
cyan-100oklch(95.6% 0.045 203.388)--color-cyan-100
cyan-200oklch(91.7% 0.08 205.041)--color-cyan-200
cyan-300oklch(86.5% 0.127 207.078)--color-cyan-300
cyan-400oklch(78.9% 0.154 211.53)--color-cyan-400
cyan-500oklch(71.5% 0.143 215.221)--color-cyan-500
cyan-600oklch(60.9% 0.126 221.723)--color-cyan-600
cyan-700oklch(52% 0.105 223.128)--color-cyan-700
cyan-800oklch(45% 0.085 224.283)--color-cyan-800
cyan-900oklch(39.8% 0.07 227.392)--color-cyan-900
cyan-950oklch(30.2% 0.056 229.695)--color-cyan-950
sky-50oklch(97.7% 0.013 236.62)--color-sky-50
sky-100oklch(95.1% 0.026 236.824)--color-sky-100
sky-200oklch(90.1% 0.058 230.902)--color-sky-200
sky-300oklch(82.8% 0.111 230.318)--color-sky-300
sky-400oklch(74.6% 0.16 232.661)--color-sky-400
sky-500oklch(68.5% 0.169 237.323)--color-sky-500
sky-600oklch(58.8% 0.158 241.966)--color-sky-600
sky-700oklch(50% 0.134 242.749)--color-sky-700
sky-800oklch(44.3% 0.11 240.79)--color-sky-800
sky-900oklch(39.1% 0.09 240.876)--color-sky-900
sky-950oklch(29.3% 0.066 243.157)--color-sky-950
blue-50oklch(97% 0.014 254.604)--color-blue-50
blue-100oklch(93.2% 0.032 255.585)--color-blue-100
blue-200oklch(88.2% 0.059 254.128)--color-blue-200
blue-300oklch(80.9% 0.105 251.813)--color-blue-300
blue-400oklch(70.7% 0.165 254.624)--color-blue-400
blue-500oklch(62.3% 0.214 259.815)--color-blue-500
blue-600oklch(54.6% 0.245 262.881)--color-blue-600
blue-700oklch(48.8% 0.243 264.376)--color-blue-700
blue-800oklch(42.4% 0.199 265.638)--color-blue-800
blue-900oklch(37.9% 0.146 265.522)--color-blue-900
blue-950oklch(28.2% 0.091 267.935)--color-blue-950
indigo-50oklch(96.2% 0.018 272.314)--color-indigo-50
indigo-100oklch(93% 0.034 272.788)--color-indigo-100
indigo-200oklch(87% 0.065 274.039)--color-indigo-200
indigo-300oklch(78.5% 0.115 274.713)--color-indigo-300
indigo-400oklch(67.3% 0.182 276.935)--color-indigo-400
indigo-500oklch(58.5% 0.233 277.117)--color-indigo-500
indigo-600oklch(51.1% 0.262 276.966)--color-indigo-600
indigo-700oklch(45.7% 0.24 277.023)--color-indigo-700
indigo-800oklch(39.8% 0.195 277.366)--color-indigo-800
indigo-900oklch(35.9% 0.144 278.697)--color-indigo-900
indigo-950oklch(25.7% 0.09 281.288)--color-indigo-950
violet-50oklch(96.9% 0.016 293.756)--color-violet-50
violet-100oklch(94.3% 0.029 294.588)--color-violet-100
violet-200oklch(89.4% 0.057 293.283)--color-violet-200
violet-300oklch(81.1% 0.111 293.571)--color-violet-300
violet-400oklch(70.2% 0.183 293.541)--color-violet-400
violet-500oklch(60.6% 0.25 292.717)--color-violet-500
violet-600oklch(54.1% 0.281 293.009)--color-violet-600
violet-700oklch(49.1% 0.27 292.581)--color-violet-700
violet-800oklch(43.2% 0.232 292.759)--color-violet-800
violet-900oklch(38% 0.189 293.745)--color-violet-900
violet-950oklch(28.3% 0.141 291.089)--color-violet-950
purple-50oklch(97.7% 0.014 308.299)--color-purple-50
purple-100oklch(94.6% 0.033 307.174)--color-purple-100
purple-200oklch(90.2% 0.063 306.703)--color-purple-200
purple-300oklch(82.7% 0.119 306.383)--color-purple-300
purple-400oklch(71.4% 0.203 305.504)--color-purple-400
purple-500oklch(62.7% 0.265 303.9)--color-purple-500
purple-600oklch(55.8% 0.288 302.321)--color-purple-600
purple-700oklch(49.6% 0.265 301.924)--color-purple-700
purple-800oklch(43.8% 0.218 303.724)--color-purple-800
purple-900oklch(38.1% 0.176 304.987)--color-purple-900
purple-950oklch(29.1% 0.149 302.717)--color-purple-950
fuchsia-50oklch(97.7% 0.017 320.058)--color-fuchsia-50
fuchsia-100oklch(95.2% 0.037 318.852)--color-fuchsia-100
fuchsia-200oklch(90.3% 0.076 319.62)--color-fuchsia-200
fuchsia-300oklch(83.3% 0.145 321.434)--color-fuchsia-300
fuchsia-400oklch(74% 0.238 322.16)--color-fuchsia-400
fuchsia-500oklch(66.7% 0.295 322.15)--color-fuchsia-500
fuchsia-600oklch(59.1% 0.293 322.896)--color-fuchsia-600
fuchsia-700oklch(51.8% 0.253 323.949)--color-fuchsia-700
fuchsia-800oklch(45.2% 0.211 324.591)--color-fuchsia-800
fuchsia-900oklch(40.1% 0.17 325.612)--color-fuchsia-900
fuchsia-950oklch(29.3% 0.136 325.661)--color-fuchsia-950
pink-50oklch(97.1% 0.014 343.198)--color-pink-50
pink-100oklch(94.8% 0.028 342.258)--color-pink-100
pink-200oklch(89.9% 0.061 343.231)--color-pink-200
pink-300oklch(82.3% 0.12 346.018)--color-pink-300
pink-400oklch(71.8% 0.202 349.761)--color-pink-400
pink-500oklch(65.6% 0.241 354.308)--color-pink-500
pink-600oklch(59.2% 0.249 0.584)--color-pink-600
pink-700oklch(52.5% 0.223 3.958)--color-pink-700
pink-800oklch(45.9% 0.187 3.815)--color-pink-800
pink-900oklch(40.8% 0.153 2.432)--color-pink-900
pink-950oklch(28.4% 0.109 3.907)--color-pink-950
rose-50oklch(96.9% 0.015 12.422)--color-rose-50
rose-100oklch(94.1% 0.03 12.58)--color-rose-100
rose-200oklch(89.2% 0.058 10.001)--color-rose-200
rose-300oklch(81% 0.117 11.638)--color-rose-300
rose-400oklch(71.2% 0.194 13.428)--color-rose-400
rose-500oklch(64.5% 0.246 16.439)--color-rose-500
rose-600oklch(58.6% 0.253 17.585)--color-rose-600
rose-700oklch(51.4% 0.222 16.935)--color-rose-700
rose-800oklch(45.5% 0.188 13.697)--color-rose-800
rose-900oklch(41% 0.159 10.272)--color-rose-900
rose-950oklch(27.1% 0.105 12.094)--color-rose-950
slate-50oklch(98.4% 0.003 247.858)--color-slate-50
slate-100oklch(96.8% 0.007 247.896)--color-slate-100
slate-200oklch(92.9% 0.013 255.508)--color-slate-200
slate-300oklch(86.9% 0.022 252.894)--color-slate-300
slate-400oklch(70.4% 0.04 256.788)--color-slate-400
slate-500oklch(55.4% 0.046 257.417)--color-slate-500
slate-600oklch(44.6% 0.043 257.281)--color-slate-600
slate-700oklch(37.2% 0.044 257.287)--color-slate-700
slate-800oklch(27.9% 0.041 260.031)--color-slate-800
slate-900oklch(20.8% 0.042 265.755)--color-slate-900
slate-950oklch(12.9% 0.042 264.695)--color-slate-950
gray-50oklch(98.5% 0.002 247.839)--color-gray-50
gray-100oklch(96.7% 0.003 264.542)--color-gray-100
gray-200oklch(92.8% 0.006 264.531)--color-gray-200
gray-300oklch(87.2% 0.01 258.338)--color-gray-300
gray-400oklch(70.7% 0.022 261.325)--color-gray-400
gray-500oklch(55.1% 0.027 264.364)--color-gray-500
gray-600oklch(44.6% 0.03 256.802)--color-gray-600
gray-700oklch(37.3% 0.034 259.733)--color-gray-700
gray-800oklch(27.8% 0.033 256.848)--color-gray-800
gray-900oklch(21% 0.034 264.665)--color-gray-900
gray-950oklch(13% 0.028 261.692)--color-gray-950
zinc-50oklch(98.5% 0 none)--color-zinc-50
zinc-100oklch(96.7% 0.001 286.375)--color-zinc-100
zinc-200oklch(92% 0.004 286.32)--color-zinc-200
zinc-300oklch(87.1% 0.006 286.286)--color-zinc-300
zinc-400oklch(70.5% 0.015 286.067)--color-zinc-400
zinc-500oklch(55.2% 0.016 285.938)--color-zinc-500
zinc-600oklch(44.2% 0.017 285.786)--color-zinc-600
zinc-700oklch(37% 0.013 285.805)--color-zinc-700
zinc-800oklch(27.4% 0.006 286.033)--color-zinc-800
zinc-900oklch(21% 0.006 285.885)--color-zinc-900
zinc-950oklch(14.1% 0.005 285.823)--color-zinc-950
neutral-50oklch(98.5% 0 none)--color-neutral-50
neutral-100oklch(97% 0 none)--color-neutral-100
neutral-200oklch(92.2% 0 none)--color-neutral-200
neutral-300oklch(87% 0 none)--color-neutral-300
neutral-400oklch(70.8% 0 none)--color-neutral-400
neutral-500oklch(55.6% 0 none)--color-neutral-500
neutral-600oklch(43.9% 0 none)--color-neutral-600
neutral-700oklch(37.1% 0 none)--color-neutral-700
neutral-800oklch(26.9% 0 none)--color-neutral-800
neutral-900oklch(20.5% 0 none)--color-neutral-900
neutral-950oklch(14.5% 0 none)--color-neutral-950
stone-50oklch(98.5% 0.001 106.423)--color-stone-50
stone-100oklch(97% 0.001 106.424)--color-stone-100
stone-200oklch(92.3% 0.003 48.717)--color-stone-200
stone-300oklch(86.9% 0.005 56.366)--color-stone-300
stone-400oklch(70.9% 0.01 56.259)--color-stone-400
stone-500oklch(55.3% 0.013 58.071)--color-stone-500
stone-600oklch(44.4% 0.011 73.639)--color-stone-600
stone-700oklch(37.4% 0.01 67.558)--color-stone-700
stone-800oklch(26.8% 0.007 34.298)--color-stone-800
stone-900oklch(21.6% 0.006 56.043)--color-stone-900
stone-950oklch(14.7% 0.004 49.25)--color-stone-950
mauve-50oklch(98.5% 0 none)--color-mauve-50
mauve-100oklch(96% 0.003 325.6)--color-mauve-100
mauve-200oklch(92.2% 0.005 325.62)--color-mauve-200
mauve-300oklch(86.5% 0.012 325.68)--color-mauve-300
mauve-400oklch(71.1% 0.019 323.02)--color-mauve-400
mauve-500oklch(54.2% 0.034 322.5)--color-mauve-500
mauve-600oklch(43.5% 0.029 321.78)--color-mauve-600
mauve-700oklch(36.4% 0.029 323.89)--color-mauve-700
mauve-800oklch(26.3% 0.024 320.12)--color-mauve-800
mauve-900oklch(21.2% 0.019 322.12)--color-mauve-900
mauve-950oklch(14.5% 0.008 326)--color-mauve-950
olive-50oklch(98.8% 0.003 106.5)--color-olive-50
olive-100oklch(96.6% 0.005 106.5)--color-olive-100
olive-200oklch(93% 0.007 106.5)--color-olive-200
olive-300oklch(88% 0.011 106.6)--color-olive-300
olive-400oklch(73.7% 0.021 106.9)--color-olive-400
olive-500oklch(58% 0.031 107.3)--color-olive-500
olive-600oklch(46.6% 0.025 107.3)--color-olive-600
olive-700oklch(39.4% 0.023 107.4)--color-olive-700
olive-800oklch(28.6% 0.016 107.4)--color-olive-800
olive-900oklch(22.8% 0.013 107.4)--color-olive-900
olive-950oklch(15.3% 0.006 107.1)--color-olive-950
mist-50oklch(98.7% 0.002 197.1)--color-mist-50
mist-100oklch(96.3% 0.002 197.1)--color-mist-100
mist-200oklch(92.5% 0.005 214.3)--color-mist-200
mist-300oklch(87.2% 0.007 219.6)--color-mist-300
mist-400oklch(72.3% 0.014 214.4)--color-mist-400
mist-500oklch(56% 0.021 213.5)--color-mist-500
mist-600oklch(45% 0.017 213.2)--color-mist-600
mist-700oklch(37.8% 0.015 216)--color-mist-700
mist-800oklch(27.5% 0.011 216.9)--color-mist-800
mist-900oklch(21.8% 0.008 223.9)--color-mist-900
mist-950oklch(14.8% 0.004 228.8)--color-mist-950
taupe-50oklch(98.6% 0.002 67.8)--color-taupe-50
taupe-100oklch(96% 0.002 17.2)--color-taupe-100
taupe-200oklch(92.2% 0.005 34.3)--color-taupe-200
taupe-300oklch(86.8% 0.007 39.5)--color-taupe-300
taupe-400oklch(71.4% 0.014 41.2)--color-taupe-400
taupe-500oklch(54.7% 0.021 43.1)--color-taupe-500
taupe-600oklch(43.8% 0.017 39.3)--color-taupe-600
taupe-700oklch(36.7% 0.016 35.7)--color-taupe-700
taupe-800oklch(26.8% 0.011 36.5)--color-taupe-800
taupe-900oklch(21.4% 0.009 43.1)--color-taupe-900
taupe-950oklch(14.7% 0.004 49.3)--color-taupe-950

Source: Tailwind CSS 4.3.3 theme.css (MIT). Values are pinned to this release. Older v3 reference values below are kept separately for existing projects.

Black, white and special values

  • black: #000
  • white: #fff
  • transparent: fully transparent; the background shows through.
  • current: uses CSS currentColor, inherited from the element's text color.
  • inherit: uses the parent's value for the property.

Use these with utilities such as bg-black, text-white, bg-transparent, border-current and text-inherit. Context-dependent values are not fixed colors and have no single contrast ratio.

Families

Original v3 families

Open a family for its contrast grid, color-blind previews and tokens.

Palette

Original v3 shades

A family per row, a shade per column. Each cell opens that color's page.

Family50100200300400500600700800900950
slateslate-50 #F8FAFCslate-100 #F1F5F9slate-200 #E2E8F0slate-300 #CBD5E1slate-400 #94A3B8slate-500 #64748Bslate-600 #475569slate-700 #334155slate-800 #1E293Bslate-900 #0F172Aslate-950 #020617
graygray-50 #F9FAFBgray-100 #F3F4F6gray-200 #E5E7EBgray-300 #D1D5DBgray-400 #9CA3AFgray-500 #6B7280gray-600 #4B5563gray-700 #374151gray-800 #1F2937gray-900 #111827gray-950 #030712
zinczinc-50 #FAFAFAzinc-100 #F4F4F5zinc-200 #E4E4E7zinc-300 #D4D4D8zinc-400 #A1A1AAzinc-500 #71717Azinc-600 #52525Bzinc-700 #3F3F46zinc-800 #27272Azinc-900 #18181Bzinc-950 #09090B
neutralneutral-50 #FAFAFAneutral-100 #F5F5F5neutral-200 #E5E5E5neutral-300 #D4D4D4neutral-400 #A3A3A3neutral-500 #737373neutral-600 #525252neutral-700 #404040neutral-800 #262626neutral-900 #171717neutral-950 #0A0A0A
stonestone-50 #FAFAF9stone-100 #F5F5F4stone-200 #E7E5E4stone-300 #D6D3D1stone-400 #A8A29Estone-500 #78716Cstone-600 #57534Estone-700 #44403Cstone-800 #292524stone-900 #1C1917stone-950 #0C0A09
redred-50 #FEF2F2red-100 #FEE2E2red-200 #FECACAred-300 #FCA5A5red-400 #F87171red-500 #EF4444red-600 #DC2626red-700 #B91C1Cred-800 #991B1Bred-900 #7F1D1Dred-950 #450A0A
orangeorange-50 #FFF7EDorange-100 #FFEDD5orange-200 #FED7AAorange-300 #FDBA74orange-400 #FB923Corange-500 #F97316orange-600 #EA580Corange-700 #C2410Corange-800 #9A3412orange-900 #7C2D12orange-950 #431407
amberamber-50 #FFFBEBamber-100 #FEF3C7amber-200 #FDE68Aamber-300 #FCD34Damber-400 #FBBF24amber-500 #F59E0Bamber-600 #D97706amber-700 #B45309amber-800 #92400Eamber-900 #78350Famber-950 #451A03
yellowyellow-50 #FEFCE8yellow-100 #FEF9C3yellow-200 #FEF08Ayellow-300 #FDE047yellow-400 #FACC15yellow-500 #EAB308yellow-600 #CA8A04yellow-700 #A16207yellow-800 #854D0Eyellow-900 #713F12yellow-950 #422006
limelime-50 #F7FEE7lime-100 #ECFCCBlime-200 #D9F99Dlime-300 #BEF264lime-400 #A3E635lime-500 #84CC16lime-600 #65A30Dlime-700 #4D7C0Flime-800 #3F6212lime-900 #365314lime-950 #1A2E05
greengreen-50 #F0FDF4green-100 #DCFCE7green-200 #BBF7D0green-300 #86EFACgreen-400 #4ADE80green-500 #22C55Egreen-600 #16A34Agreen-700 #15803Dgreen-800 #166534green-900 #14532Dgreen-950 #052E16
emeraldemerald-50 #ECFDF5emerald-100 #D1FAE5emerald-200 #A7F3D0emerald-300 #6EE7B7emerald-400 #34D399emerald-500 #10B981emerald-600 #059669emerald-700 #047857emerald-800 #065F46emerald-900 #064E3Bemerald-950 #022C22
tealteal-50 #F0FDFAteal-100 #CCFBF1teal-200 #99F6E4teal-300 #5EEAD4teal-400 #2DD4BFteal-500 #14B8A6teal-600 #0D9488teal-700 #0F766Eteal-800 #115E59teal-900 #134E4Ateal-950 #042F2E
cyancyan-50 #ECFEFFcyan-100 #CFFAFEcyan-200 #A5F3FCcyan-300 #67E8F9cyan-400 #22D3EEcyan-500 #06B6D4cyan-600 #0891B2cyan-700 #0E7490cyan-800 #155E75cyan-900 #164E63cyan-950 #083344
skysky-50 #F0F9FFsky-100 #E0F2FEsky-200 #BAE6FDsky-300 #7DD3FCsky-400 #38BDF8sky-500 #0EA5E9sky-600 #0284C7sky-700 #0369A1sky-800 #075985sky-900 #0C4A6Esky-950 #082F49
blueblue-50 #EFF6FFblue-100 #DBEAFEblue-200 #BFDBFEblue-300 #93C5FDblue-400 #60A5FAblue-500 #3B82F6blue-600 #2563EBblue-700 #1D4ED8blue-800 #1E40AFblue-900 #1E3A8Ablue-950 #172554
indigoindigo-50 #EEF2FFindigo-100 #E0E7FFindigo-200 #C7D2FEindigo-300 #A5B4FCindigo-400 #818CF8indigo-500 #6366F1indigo-600 #4F46E5indigo-700 #4338CAindigo-800 #3730A3indigo-900 #312E81indigo-950 #1E1B4B
violetviolet-50 #F5F3FFviolet-100 #EDE9FEviolet-200 #DDD6FEviolet-300 #C4B5FDviolet-400 #A78BFAviolet-500 #8B5CF6violet-600 #7C3AEDviolet-700 #6D28D9violet-800 #5B21B6violet-900 #4C1D95violet-950 #2E1065
purplepurple-50 #FAF5FFpurple-100 #F3E8FFpurple-200 #E9D5FFpurple-300 #D8B4FEpurple-400 #C084FCpurple-500 #A855F7purple-600 #9333EApurple-700 #7E22CEpurple-800 #6B21A8purple-900 #581C87purple-950 #3B0764
fuchsiafuchsia-50 #FDF4FFfuchsia-100 #FAE8FFfuchsia-200 #F5D0FEfuchsia-300 #F0ABFCfuchsia-400 #E879F9fuchsia-500 #D946EFfuchsia-600 #C026D3fuchsia-700 #A21CAFfuchsia-800 #86198Ffuchsia-900 #701A75fuchsia-950 #4A044E
pinkpink-50 #FDF2F8pink-100 #FCE7F3pink-200 #FBCFE8pink-300 #F9A8D4pink-400 #F472B6pink-500 #EC4899pink-600 #DB2777pink-700 #BE185Dpink-800 #9D174Dpink-900 #831843pink-950 #500724
roserose-50 #FFF1F2rose-100 #FFE4E6rose-200 #FECDD3rose-300 #FDA4AFrose-400 #FB7185rose-500 #F43F5Erose-600 #E11D48rose-700 #BE123Crose-800 #9F1239rose-900 #881337rose-950 #4C0519