Browse all 242 Tailwind CSS standard colors (22 colors × 11 shades). Click to copy HEX.

About Tailwind Colors

Tailwind CSS provides 22 colors (slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose), each in 11 shades (50, 100, 200, ..., 900, 950). Use class names like bg-blue-500 or text-red-700 in your HTML.

FAQ

Tailwind v3 vs v4 colors?

This palette matches Tailwind CSS v3.x. Tailwind v4 keeps the same colors with minor additions.

Use in CSS without Tailwind?

Yes — just copy the HEX code and use anywhere.

Click to copy?

Yes, click any swatch to copy HEX to clipboard.

Free?

Yes, colors are MIT licensed.