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.

Must-know facts

  • 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.

Related tools

These color tools pair naturally with the one you just used — keep exploring.

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.