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

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

Color

Last updated: 2026-06-09 · Reviewed by Nham Vu