How do I use the Tailwind Color Palette?

18 color families × 11 shades (50–950) Filter by family name: blue, emerald, slate, etc. Each shade maps directly to bg-blue-500 / text-blue-500 utilities

Is the Tailwind Color Palette free and private?

Yes — it runs in your browser, requires no signup for basic use, and your data never leaves your device. Tailwind CSS v4 keeps the same 18 families but added a new OKLCH-based color engine for perceptually uniform shades.

DevTools Surf

Sign in

Tailwind Color Palette

Full Tailwind CSS v3 color palette — 18 families × 11 shades, searchable

1 credit

Optional filter (e.g. blue)

Tailwind Palette

Sign in to use this tool

Related Color Tools

Color Converter Color Palette Generator Contrast Checker Gradient Generator Color Contrast Matrix Hex → Tailwind Gradient → Code Color Name Finder