Color Palette Generator
Pick a base color to generate complementary, analogous, triadic, tetradic, and monochromatic color palettes for your next design.
Complementary
#6366f1
#f1ee63
Analogous
#63adf1
#6366f1
#a763f1
Triadic
#6366f1
#f16366
#66f163
Tetradic
#6366f1
#f163ad
#f1ee63
#63f1a7
Monochromatic
#e8e8fd
#a9abf7
#6366f1
#1d21eb
#0f13ac
Ad space
Frequently asked questions
What's the difference between these palette types?+
Complementary uses the opposite hue for high contrast; analogous uses neighboring hues for a harmonious look; triadic and tetradic use three or four evenly spaced hues for vibrant variety; monochromatic varies only lightness for a subtle, cohesive palette.
How are the harmony colors calculated?+
By rotating the base color's hue around the HSL color wheel by fixed degree offsets (like 180° for complementary), then converting back to hex.
Can I copy individual colors?+
Yes, click the copy icon under any swatch to copy its hex code.