Generate harmonious palettes — complementary, analogous, triadic and more — with CSS variables
:root {
--color-1: #3b82f6;
--color-2: #f6af3b;
}Complement is the opposite hue; analogous ±30°; triadic splits the wheel in three; tetradic in four; split-complement takes 150° and 210°; mono only varies lightness.