Pick a base color to get harmonious combinations based on color theory — complementary, triadic, analogous, and more.
Harmony types explained
- Complementary — opposite on color wheel (180°). High contrast, vibrant.
- Analogous — 3 adjacent colors (±30°). Harmonious, easy on eyes.
- Triadic — 3 evenly-spaced colors (120°). Balanced and vibrant.
- Tetradic (Square) — 4 colors evenly spaced (90°). Rich palette.
- Split-Complementary — base + two adjacent to its complement. Strong contrast without tension.
- Monochromatic — variations of the same hue at different lightness/saturation.
FAQ
Which harmony should I use?
Complementary for high-energy designs, analogous for calm backgrounds, triadic for balanced UI, monochromatic for minimal aesthetics.
Click a swatch to copy HEX?
Yes — click any color to copy its HEX to clipboard.
What color model is used?
HSL — we rotate the Hue while keeping Saturation and Lightness constant to find harmonies.
Free for commercial use?
Yes, colors aren't copyrightable.