Color Palette Generator

Harmonious colour palettes (complementary, analogous, triadic, monochrome) from a base colour or at random. Press space for new ones.

How to use

  1. Pick a base colour and a harmony rule, or press space for random palettes.
  2. Click a colour to copy it, or copy all as CSS variables or Tailwind config.

FAQ

Which harmony is best for websites?

Analogous and monochrome look calm. Complementary gives a strong accent colour for buttons.

Open Color Palette Generator · All free tools