Color Palette Generator
Generate complementary, split-complementary, analogous, triadic, tetradic, and monochromatic palettes from any base color, with click-to-copy swatches.
Processed locally in your browser — nothing is uploaded.
Complementary
Split-complementary
Analogous
Triadic
Tetradic
Monochromatic
Click any swatch to copy its hex value. Palettes rotate the base hue on the HSL wheel; monochromatic keeps the hue and varies lightness.
About Color Palette Generator
Choose a base color (or hit Randomize for a pleasant starting point) and see six classic color-harmony palettes at once, all derived by rotating the base hue around the HSL wheel. Every swatch shows its hex value and copies it on click.
Complementary pairs sit opposite on the wheel, triadic and tetradic spread evenly around it, analogous colors sit close together, and the monochromatic ladder keeps the hue while stepping lightness.
Common uses
- Pick an accent color that complements a brand color
- Build a full UI color scheme from one starting color
- Explore harmonious combinations for a chart or illustration
Example
Input
#ff0000 · complementary
Output
#ff0000 and #00ffff
Limitations
- Hue-wheel harmony is a starting point, not a guarantee — always check contrast for text colors