Color Palette Generator
Pick a base color and a harmony rule. Click a swatch to copy its hex, lock the ones you like, then press Space to explore.
Two colors opposite each other on the wheel (180°). Highest contrast, great for a CTA against a calm base.
Quick color theory
Hue is the position on the color wheel (0–360°). Every harmony rule is just a set of angles from your base hue.
60 · 30 · 10 rule: use one color for ~60% of the screen, a second for ~30%, and the last as the ~10% accent.
Contrast badges show the ratio of white or dark text on each swatch. WCAG AA needs 4.5:1 for body text, AAA needs 7:1.