How many colors does each palette contain?

Complementary gives 2 colors, triadic gives 3, analogous gives 3-5, and tetradic gives 4. You can also generate shades and tints for any swatch.

Can I export the palette?

You can copy individual HEX codes or export the full palette as a CSS variables block or JSON array.

What is color harmony?

Color harmony refers to specific relationships between colors on the color wheel that tend to look pleasing together, such as colors opposite each other (complementary) or evenly spaced (triadic).

Can I lock one color and regenerate the others?

Yes. Click the lock icon on any swatch to keep it fixed while refreshing the rest of the palette.

Color Palette Generator from One Color

Enter a base color and choose a harmony type to get a full palette with HEX codes.

Color

Summary

Enter a base color and choose a harmony type to get a full palette with HEX codes.

How it works

Enter a base HEX color or pick from the color wheel
Select a harmony: complementary, triadic, analogous, or tetradic
Copy individual swatches or export the full palette

Use cases

Create a cohesive color scheme for a website
Generate brand palette options from a primary color
Explore color harmony options before finalizing a design

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu