Color Palette Generator

Harmony palettes reuse a base color while rotating hue or varying lightness according to a documented rule. The same base, harmony mode, and count always produce the same swatches.

Worked example

Input
#336699 + analogous + 5
Output
#339966 · #339999 · #336699 · #333399 · #663399
Calculation
H = 210° → 150° · 180° · 210° · 240° · 270°

How the conversion works

Analogous colors use 30-degree HSL hue steps centered on the base. Triadic colors use 120-degree spacing; complementary uses 180 degrees; tetradic uses 90-degree spacing.

Important note

A mathematically balanced palette is only a starting point. Check text/background contrast and test colors in the actual interface before publishing.

Open this example in the color tool