Color harmony generator

Complementary, analogous, triadic, split, and monochrome palettes from one base color.

Computed in this browser. Nothing is sent anywhere.

Hue rotations happen in HSL space — pleasant math, not a guarantee of taste or accessibility. Check text/background pairs with the contrast checker before shipping.

How to use

  1. Pick or paste the base color.
  2. Choose a harmony type.
  3. Copy any swatch's hex.

What it supports

HSL hue rotations — mathematically regular, not a taste guarantee. Verify text/background pairs with a contrast checker.

Related tools

Related guides