Art tools
Color palette generator
Pick a base color and get coordinated harmonies you can copy. Everything runs in your browser.
How it works
Pick one base color and this tool builds a coordinated palette around it using classic color-theory harmonies: complementary (the opposite hue), analogous (neighbors on the wheel), triadic and split-complementary, tetradic (two complementary pairs), and a monochromatic ramp of lighter and darker tints. Each harmony is shown as a row of swatches with the HEX and HSL of every color, ready to copy.
The math is simple hue rotation in HSL space, so the results stay perceptually related to your base. It is a fast way to get from a single brand or mood color to a usable set for a UI, an illustration, or a poster, without guessing. Everything is computed locally in your browser.
Example. Start from #0689DC (a blue at hue 204). The complementary harmony adds #DC5906 (hue 24); the triadic set adds two colors 120 degrees away; the monochromatic row gives you tints and shades of the same blue for backgrounds and text.
FAQ
What color harmonies does it generate?
Complementary, analogous, triadic, split-complementary, tetradic, and monochromatic. Each is a different rule for choosing hues that work together, all derived from the single base color you pick.
How are the harmonies calculated?
The base color is converted to HSL and the hue is rotated by the angle each harmony calls for (180 degrees for complementary, 120 for triadic, and so on), keeping saturation and lightness related. Monochromatic instead varies lightness while holding the hue.
Can I copy the colors into my design tool?
Yes. Every swatch shows its HEX and HSL values with a copy button, so you can paste them straight into CSS, a design app, or a painting program.
Is anything sent to a server?
No. The whole palette is computed in your browser from the color you choose. Nothing is uploaded, logged, or stored.