Harmony Generator
ColourGenerate colour harmonies from a base colour — complementary, analogous, triadic, tetradic, and split-complementary.
How to Use
1
Enter a base colour
Type any colour as hex, RGB, HSL, OKLCH, OKLab, or Lab — any format Colour.parse supports.
2
Choose harmony type
Select from Complementary, Analogous, Triadic, Tetradic, or Split Complementary.
3
View harmonies
See your base colour alongside its harmonies as colour swatches with hex codes.
Colour harmony types
Complementary colours sit opposite each other on the colour wheel, creating high contrast. Analogous colours sit side by side for a harmonious, low-contrast feel. Triadic uses three evenly spaced colours for a vibrant palette. Tetradic (double complementary) uses four colours for rich variety. Split Complementary uses a base colour plus two adjacent to its complement.