Quick Answer
How does color harmony work? Pick a base color and a harmony type (Complementary, Analogous, Triadic, etc.). The generator calculates colors that work together based on their positions on the color wheel.
Frequently Asked Questions
A color harmony is a set of rules for selecting colors that work well together based on their positions on the color wheel. The generator supports Complementary (opposite hues), Analogous (adjacent hues), Triadic (three evenly spaced hues), Split-Complementary, and Tetradic schemes. Choose one from the Harmony dropdown, then adjust the base color to generate a matching palette.
Free palettes contain 5 colors. Extended palettes of 6 to 10 colors are Pro-only and currently paused. New paid-plan purchases are paused, while the free five-color palette remains available.
Click any color swatch to copy its value as HEX, RGB, or HSL. Paid exports are currently paused; the free copy formats remain available.
Yes — enable the Contrast Check option to see WCAG contrast ratios between color pairs. Colors that fail AA contrast are highlighted in red. Use this before finalising text and background combinations in your UI.
Yes — click the lock icon on any color swatch to fix it in place. When you regenerate or shift the palette, locked colors remain unchanged. This is useful for building a palette around a specific brand color.
Image extraction is currently paused. You can build and adjust a five-color palette with the free controls.