Pick a base color and a color-theory scheme to get a matching palette. Features include:

  • Six schemes: complementary, analogous, triadic, split complementary, tetradic and monochromatic
  • Iconic palettes inspired by the colors of well-known brands
  • HEX, RGB and HSL values for every swatch: click a swatch to copy its hex code
  • WCAG contrast ratios for white and black text on every color
  • Export as CSS custom properties
  • Save palettes for later. They stay in this browser and are never uploaded.

Iconic palettes are inspired by colors from well-known brands. They are not affiliated with or endorsed by those brands.

CSS variables

Saved palettes

Saved in this browser only.