Color Harmonies

Generate harmonious color palettes from any base color: complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic. Click any swatch to copy its hex code.

How to Use

1. Pick a base color with the color picker, type a hex code, or click directly on the color wheel.
2. Adjust saturation and lightness with the sliders. All harmonies update instantly.
3. Click any swatch to copy its hex code, or use Copy palette to copy a whole harmony.

About Color Harmonies

Color harmonies are combinations of colors based on their geometric relationships on the color wheel. They're the foundation of pleasing palettes in design, branding, interiors, and art.

• Complementary: two colors opposite each other (180°). Maximum contrast and vibrance; great for accents and calls to action.
• Analogous: neighboring colors (±30°). Serene and comfortable; common in nature-inspired designs.
• Triadic: three colors evenly spaced (120° apart). Vibrant yet balanced; use one dominant color and two accents.
• Split-Complementary: the base plus the two colors adjacent to its complement (±150°). Strong contrast with less tension than complementary.
• Tetradic (Rectangle): two complementary pairs (0°, 60°, 180°, 240°). Rich palettes; best with one dominant color.
• Square: four colors evenly spaced (90° apart). Bold and playful when balanced carefully.
• Monochromatic: one hue in varying lightness and saturation. Clean, cohesive, and easy to get right.