Design Tools
Color Wheel Harmonies
Color Scheme & Palette Generator
Craft balanced, accessible color schemes based on classic color wheel harmonies. Lock favorite swatches, fine-tune HEX values, and export code.
CSS Custom Properties
/* Generating CSS variables... */
Design Token JSON
/* Generating JSON tokens... */Understanding Mathematical Color Harmonies
Color wheels organize the 360-degree visible spectrum into geometric relationships. Analogous schemes use neighboring hues within a 30-to-40 degree arc for serene, cohesive aesthetics, while complementary pairings select opposite 180-degree hues for vibrant visual pop and high contrast.
Frequently Asked Questions
Click the padlock icon on any color slot to freeze that shade. When you press Spacebar or click "Generate New Palette", locked colors remain preserved while remaining slots adjust around them.