Palette Generator

Pick a base color and a harmony rule to build a palette. Lock the colors you like, add or remove colors, then copy the palette as values, CSS or JSON.

Base color

Scheme

Format

Generated palette

0 colors

A color palette generator builds a coordinated set of colors from a single base color using proven color-harmony rules — perfect for branding, UI and social graphics.

Frequently asked questions

Pick a base color and choose a scheme. The palette updates instantly based on that harmony rule.

Must-know facts

  • CSS variables are exported with --color-1, --color-2 … names for easy theming.
  • Analogous schemes use neighboring hues, while complementary schemes use opposites.

Related tools

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

Gradient GeneratorBuild linear, radial and conic CSS gradients.Image Palette GeneratorExtract a full color palette from an image.Color WheelFind complementary and harmonious colors in one click.