How do I copy a color from a chart?

Simply click any swatch — its hex value is copied to your clipboard.

What are web-safe colors?

The 216 colors built from the 6-step cube (00, 33, 66, 99, CC, FF) that once displayed reliably on all monitors.

Color Charts

Reference palettes you can actually use — click any swatch to copy its hex.

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

Color charts are reference palettes — organized swatches of proven color systems used in design and development. Click any swatch to copy its hex value.

Tailwind CSS color documentation

Frequently asked questions

Tailwind CSS, Material Design, Open Color and the classic 216 web-safe colors.

Good to know

The Tailwind palette contains 22 color families, each with 50–950 shades.
Material Design organizes colors into a 50–900 shade ramp plus A100–A700 accent shades on its brighter hues.

Tools that pair with Color Charts

Color Charts is one of 33 single-page tools in this workspace. These are the ones that carry the job on — the color value moves between them, so nothing gets retyped or re-uploaded.

Color LibraryBrowse hundreds of named colors with harmonies and palettes.Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Contrast CheckerCheck WCAG AA and AAA contrast ratios instantly.