Tailwind Colours

Tailwind v3 default palette (22 hue × 11 shade) — click to copy hex

Click any swatch to copy hex code. Search by colour name, hex, or HSL.

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

How to use

Browse the full Tailwind v3 palette arranged by hue (22 colours) and shade (50–950).
Hover any swatch to preview its class name (e.g., bg-red-500) and hex value.
Click a swatch to copy the hex code to your clipboard.
A confirmation message appears briefly, then clears automatically.

Examples

Clicking the rose-600 swatch copies #e11d48 to your clipboard instantly.
Hovering sky-300 shows the tooltip "sky-300 · #7dd3fc" before you click to copy.

Verify outputs before using in production. No warranty — see Terms.