Color Palette Generator

Generate matching color palettes from one base color using color theory.

About this tool

Choose a base color and a scheme such as complementary, analogous or triadic. Click any swatch to copy its code.

How to use Color Palette Generator

  1. Pick a base color.
  2. Choose a harmony scheme.
  3. Click swatches to copy or export all as CSS variables.

Frequently asked questions

What is a complementary color?

The color opposite on the color wheel. It gives strong contrast.

Which scheme is safest?

Analogous and monochromatic palettes are calm and easy to use together.