Color Palette Generator

Build harmonious color palettes or extract dominant colors from an image and export CSS variables.

Hover over or focus a field for help. Press Escape to close.

Choose images

Base colorHarmony

With an image selected, extract its dominant colors. Clear the image to use color harmony.

Output

How it works

Choose a color and harmony or import an image. Run the tool, click a swatch to copy its code or download the CSS variables.

#155bdf

Is my input sent to a server?

No. Your content is processed in this browser. It is never sent to the server or saved.

What should I know about Color Palette Generator?

Image colors are sampled and quantized. Palette harmony does not guarantee accessible contrast.