Create beautiful and balanced color schemes for your website, brand, or UI design. Generate harmonious palettes using color theory modes like complementary, triadic, analogous, and more. Export HEX, RGB, or CSS variables instantly.
Colors opposite each other on the color wheel. Creates high contrast and vibrant look when used together.
Colors next to each other on the color wheel. Creates harmonious and pleasing designs.
Three colors evenly spaced around the color wheel. Offers strong visual contrast while retaining harmony.
Two complementary color pairs. The richest of all color schemes but hardest to balance.
Variations in lightness and saturation of a single color. Creates a cohesive, elegant look.
A base color plus two adjacent to its complement. Offers strong contrast without tension.
The current base color is shown on the color wheel. Different harmony rules use different geometric relationships on the wheel.
Generate complementary, triadic, analogous, tetradic, and monochromatic color schemes.
See how your palette looks on real UI elements like buttons and backgrounds.
Export your scheme as HEX, RGB, or CSS variables for use in design or code.
Pick your base color and fine-tune HSL, hue, saturation, and brightness.
Preview how your scheme works in light and dark themes.