Tailwind v4 Color Reference

Tailwind Class Lookup

Type any class name like blue-500 or slate-700 to instantly get its hex, RGB, and OKLCH values.

242 colors total

red

11

orange

11

amber

11

yellow

11

lime

11

green

11

emerald

11

teal

11

cyan

11

sky

11

blue

11

indigo

11

violet

11

purple

11

fuchsia

11

pink

11

rose

11

slate

11

gray

11

zinc

11

neutral

11

stone

11

About Tailwind CSS v4 Colors

Tailwind CSS v4 ships with 22 color families — each with 11 shades from 50 (lightest) to 950 (darkest), giving you 220 built-in color stops. Internally they are defined in OKLCH, a perceptually uniform color space that produces consistent vibrancy across the scale. This tool shows you the exact hex, RGB, and OKLCH values for each stop so you can use them in any CSS context, not just Tailwind utilities.

Convert a hex to TailwindFull Tailwind Palette ExplorerBatch Color Converter