Tailwind color chart
Find utility-friendly color ramps for backgrounds, borders, text and semantic UI states.
View the charts
Color Chart
Browse ready-made color charts for Tailwind CSS, Material Design, Flat UI and classic web safe colors. Copy Hex values for interface states, prototypes, documentation and design-system tokens.
Click any swatch to copy its Hex code.
Slate
Gray
Zinc
Neutral
Stone
Red
Orange
Amber
Yellow
Lime
Green
Emerald
Teal
Cyan
Sky
Blue
Indigo
Violet
Purple
Fuchsia
Pink
Rose
Showing 220 of 220
Which chart to use
Material and Flat UI colors
Compare established palette systems when you need quick, consistent colors for prototypes.
Web safe color reference
Use the classic web safe palette for compatibility examples, education and historical color references.