What is the difference between these palette types?

Complementary uses the opposite hue; analogous uses hues next to the base on the color wheel; triadic uses three evenly-spaced hues; monochromatic varies only the lightness of one hue.

Does this tool send my color anywhere?

No - every palette is generated entirely in your browser.

Color Palette Generator

Generate complementary, analogous, triadic and monochromatic palettes from one base color.

Base color

Complementary

Analogous

Triadic

Monochromatic

Random palette (no base color needed)

Related tools

Contrast Checker (WCAG)
CSS Gradient Generator
Border Radius Generator
CSS Shadow Generator

How it works

1
Pick a base color

Use the color picker or type a HEX code.
2
See every palette type at once

Complementary, analogous, triadic and monochromatic.
3
Copy any color

Click a swatch to copy its HEX code.

FAQ

What is the difference between these palette types?: Complementary uses the opposite hue; analogous uses hues next to the base on the color wheel; triadic uses three evenly-spaced hues; monochromatic varies only the lightness of one hue.
Does this tool send my color anywhere?: No - every palette is generated entirely in your browser.