Generate a complementary (opposite-hue) color palette, free and instant.
This tool generates a color palette from a single base color using standard color-theory relationships on the HSL color wheel: complementary (opposite hue, high contrast), analogous (neighboring hues, harmonious), triadic (three evenly spaced hues, vibrant but balanced), and a tint/shade ladder of the base color alone.
It is a starting point for choosing an accent color scheme for a brand, a chart, or a UI — not a substitute for testing contrast ratios for accessibility, which this tool does not check.
Click any swatch to copy its HEX value. The palette regenerates instantly as you change the base color or scheme, so you can compare a few options quickly before committing.
Complementary pairs a color with its opposite on the color wheel (high contrast, often used for accents). Analogous uses colors next to each other on the wheel (naturally harmonious, lower contrast).
No, this tool only generates color relationships. Check contrast ratios separately with a dedicated accessibility contrast checker before finalizing text/background pairs.
Click a swatch to copy its HEX value, then use it directly as a CSS color value or as a custom property (--accent: #12805c).