Pick a base color and automatically generate monochrome, complementary, analogous and triadic schemes. Click any swatch to copy its HEX.
Base color
Tip: pick a color directly or type a HEX (e.g. #3b82f6) into the box.
Color schemes (click a swatch to copy HEX)
FAQ
What are complementary colors for?
Complementary colors sit 180° apart on the color wheel and contrast strongly — great for buttons, warnings or any element you want to make pop.
When are analogous colors useful?
Analogous colors sit next to each other on the wheel (e.g. ±30° hue). They look harmonious and natural, ideal for gradients, illustrations and visually unified interfaces.
Are the generated colors uploaded?
No. All color math runs locally in your browser; nothing is sent to any server.