Generate complementary, analogous, triadic, and custom palettes from a base color. Fully client-side — no account, uploads, or remote storage.
Added Apr 18, 2026 · Updated Apr 21, 2026
Input
Result
Enter a value for base color to see your result.
Generates a harmonious colour palette from a base colour using standard colour theory relationships (complementary, triadic, analogous, etc.). All calculations are done in HSL (Hue, Saturation, Lightness) colour space.
The complementary colour of indigo (≈239° hue) is found at 239° + 180° = 59° — a golden yellow (slightly desaturated by the algorithm).
Inputs
Result
A complementary colour sits opposite your base colour on the colour wheel (180° away in HSL hue). Complementary pairs create high contrast and visual pop — often used for CTAs against a background.