Color Library

Every color below has its own page with precomputed tints and shades, RGB/HSL/HSV values, its nearest CSS named color, and WCAG contrast notes for white and black text — including the complete Tailwind CSS default palette. Click any color for the full breakdown, or enter your own hex code in the tint & shade generator.

Popular colors

Tailwind CSS colors

The complete Tailwind CSS default palette — 22 families, 11 steps from 50 to 950. Every square links to a full page with tints, shades, values, and contrast data for that exact hex.

slate

50 100 200 300 400 500 600 700 800 900 950

gray

50 100 200 300 400 500 600 700 800 900 950

zinc

50 100 200 300 400 500 600 700 800 900 950

neutral

50 100 200 300 400 500 600 700 800 900 950

stone

50 100 200 300 400 500 600 700 800 900 950

red

50 100 200 300 400 500 600 700 800 900 950

orange

50 100 200 300 400 500 600 700 800 900 950

amber

50 100 200 300 400 500 600 700 800 900 950

yellow

50 100 200 300 400 500 600 700 800 900 950

lime

50 100 200 300 400 500 600 700 800 900 950

green

50 100 200 300 400 500 600 700 800 900 950

emerald

50 100 200 300 400 500 600 700 800 900 950

teal

50 100 200 300 400 500 600 700 800 900 950

cyan

50 100 200 300 400 500 600 700 800 900 950

sky

50 100 200 300 400 500 600 700 800 900 950

blue

50 100 200 300 400 500 600 700 800 900 950

indigo

50 100 200 300 400 500 600 700 800 900 950

violet

50 100 200 300 400 500 600 700 800 900 950

purple

50 100 200 300 400 500 600 700 800 900 950

fuchsia

50 100 200 300 400 500 600 700 800 900 950

pink

50 100 200 300 400 500 600 700 800 900 950

rose

50 100 200 300 400 500 600 700 800 900 950

Tailwind v1 classics

Colors from older Tailwind versions that still show up in real projects and searches.

#667EEAindigo-500 (Tailwind v1)

Don't see your color here? The generator works with any hex code, and the hex to RGB converter handles quick format conversions.