Tailwind v4 Color Palette
Click to copy Tailwind CSS v4.2 colors. Supports OKLCH, HEX, & Tailwind classes.
more tools ↗
Red
950
900
800
700
600
500
400
300
200
100
50
Orange
950
900
800
700
600
500
400
300
200
100
50
Amber
950
900
800
700
600
500
400
300
200
100
50
Yellow
950
900
800
700
600
500
400
300
200
100
50
Lime
950
900
800
700
600
500
400
300
200
100
50
Green
950
900
800
700
600
500
400
300
200
100
50
Emerald
950
900
800
700
600
500
400
300
200
100
50
Teal
950
900
800
700
600
500
400
300
200
100
50
Cyan
950
900
800
700
600
500
400
300
200
100
50
Sky
950
900
800
700
600
500
400
300
200
100
50
Blue
950
900
800
700
600
500
400
300
200
100
50
Indigo
950
900
800
700
600
500
400
300
200
100
50
Violet
950
900
800
700
600
500
400
300
200
100
50
Purple
950
900
800
700
600
500
400
300
200
100
50
Fuchsia
950
900
800
700
600
500
400
300
200
100
50
Pink
950
900
800
700
600
500
400
300
200
100
50
Rose
950
900
800
700
600
500
400
300
200
100
50
Slate
950
900
800
700
600
500
400
300
200
100
50
Gray
950
900
800
700
600
500
400
300
200
100
50
Zinc
950
900
800
700
600
500
400
300
200
100
50
Neutral
950
900
800
700
600
500
400
300
200
100
50
Stone
950
900
800
700
600
500
400
300
200
100
50
Taupe
950
900
800
700
600
500
400
300
200
100
50
Mauve
950
900
800
700
600
500
400
300
200
100
50
Mist
950
900
800
700
600
500
400
300
200
100
50
Olive
950
900
800
700
600
500
400
300
200
100
50
copy:
ⓣ tailwind
ⓗ hex
ⓞ oklch
//
🎨 Click any Tailwind CSS color to copy it.
tailwindcss v4 color docs ↗
