Tailwind Color Palette
Tailwind CSS colors in HSL, RGB, HEX and OKLCH formats.
Browse Colors
Browse Palettes
Need Help?
Create Palette
Format:
className
Sunset -
@r4ultv
Copy CSS
Copy Tailwind
sunset-red
sunset-orange
sunset-yellow
sunset-pink
sunset-light-orange
Forest -
@r4ultv
Copy CSS
Copy Tailwind
forest-green
forest-dark-green
forest-deep-green
forest-light-green
forest-medium-green
Autumn -
@r4ultv
Copy CSS
Copy Tailwind
autumn-orange
autumn-light-orange
autumn-yellow
autumn-red
autumn-purple
Pastel -
@r4ultv
Copy CSS
Copy Tailwind
pastel-pink
pastel-peach
pastel-yellow
pastel-green
pastel-blue
Monochrome -
@r4ultv
Copy CSS
Copy Tailwind
monochrome-black
monochrome-dark-gray
monochrome-medium-gray
monochrome-light-gray
monochrome-very-light-gray
Ocean -
@r4ultv
Copy CSS
Copy Tailwind
ocean-turquoise
ocean-dark-cyan
ocean-blue
ocean-dark-blue
ocean-navy
Cyberpunk -
@r4ultv
Copy CSS
Copy Tailwind
cyberpunk-magenta
cyberpunk-cyan
cyberpunk-orange
cyberpunk-blue
cyberpunk-green
Earthy -
@r4ultv
Copy CSS
Copy Tailwind
earthy-saddle-brown
earthy-sienna
earthy-peru
earthy-burlywood
earthy-sandy-brown
Nordic -
@r4ultv
Copy CSS
Copy Tailwind
nordic-snow
nordic-ice
nordic-slate
nordic-frost
nordic-arctic
className