Tailwind CSS Color Palette

Browse all Tailwind colors and copy utility classes with one click.

charcoal
50
100
200
300
400
500
600
700
800
900
metal
50
100
200
300
400
500
600
700
800
900
haiti
50
100
200
300
400
500
600
700
800
900
purple
50
100
200
300
400
500
600
700
800
900
blueBerry
50
100
200
300
400
500
600
700
800
900
blue
50
100
200
300
400
500
600
700
800
900
sky
50
100
200
300
400
500
600
700
800
900
turquoise
50
100
200
300
400
500
600
700
800
900
persianGreen
50
100
200
300
400
500
600
700
800
900
pastelGreen
50
100
200
300
400
500
600
700
800
900
grass
50
100
200
300
400
500
600
700
800
900
carrot
50
100
200
300
400
500
600
700
800
900
orange
50
100
200
300
400
500
600
700
800
900
red
50
100
200
300
400
500
600
700
800
900
raspberry
50
100
200
300
400
500
600
700
800
900
fuchsia
50
100
200
300
400
500
600
700
800
900