Color Palette Generator
Pick one base color — get four classic color-theory schemes, every swatch clickable.
Complementary — maximum contrast
Analogous — harmonious neighbours
Triadic — balanced & vibrant
Split-complementary — contrast with less tension
The four schemes, and when to use them
Complementary (opposite hues) pops for calls-to-action against a calm background. Analogous (neighbouring hues) feels cohesive — ideal for gradients and illustrations. Triadic (three evenly spaced hues) is colourful yet balanced, great for charts. Split-complementary keeps the pop of contrast with less visual tension than the full opposite. A practical rule: dominant color at ~60% area, secondary at 30%, accent at 10%.
Frequently asked questions
How is this calculated?
Schemes are built by rotating the hue in HSL color space: complementary +180°, analogous ±30°, triadic ±120°, split-complementary +150°/−150° — the same math design textbooks teach.
How do I copy a color?
Click any swatch — its HEX code lands on your clipboard.