Color Palette — Harmony Modes
Complementary, triadic, and other harmonies.
#34D399
#D3346E
How it works
Your HEX is converted to HSL (hue, saturation, lightness). The palette only rotates hue around the color wheel while keeping the same saturation and lightness as the base. That yields classic harmonies—complementary (+180°), triadic (+120° / +240°), analogous neighbors (±30°), and so on. Change the harmony rule to preview coordinated swatches at the same brightness level.
How to use
Set a base color via #RRGGBB or the picker. Harmony modes show complementary opposites, 120° triads, analogous neighbors, or monochrome lightness steps.
Copy each swatch HEX into your UI kit, CSS variables, or design file.
Pair colors for accessibility, then verify contrast ratios with the HEX color tool.