Harmony Genny takes one base colour and rotates it around the OKLCH hue circle to produce twelve classical colour-theory harmonies, including complementary, analogous, triadic, tetradic, and monochromatic. Every colour preserves the base lightness so the resulting palette stays balanced.
The bottom grid shows every supported harmony rendered against the same base. Tap any card to switch the main view to that harmony.
The base colour is converted to OKLCH and rotated around its hue axis. Lightness and chroma stay constant, which keeps the perceived brightness of every harmony colour close to the base.
Monochromatic keeps the hue and steps the OKLCH lightness through five values. Lighter steps automatically reduce chroma so the lightest tints do not look chalky.
A :root block with --harmony-1 through --harmony-N variables in your selected notation (HEX, RGB, HSL, OKLCH, and so on). Paste it into a stylesheet to use the palette.
Yes. After the OKLCH rotation the values are converted back to sRGB and clamped, so they are always paintable. Out-of-gamut combinations are softened rather than producing invalid output.