Generate beautiful color palettes from any base color: monochromatic, complementary, analogous, triadic and tetradic. Copy hex codes.
Neighbors on the color wheel — harmonious. Click any swatch to copy its hex.
Pick a base color and a harmony type — mono, complementary, analogous, triadic or tetradic — and instantly get a 5-color palette with hex codes ready to copy into your designs.
Palettes feel right when colors relate by position on the color wheel. The classic harmonies this tool plays with:
The 60-30-10 rule: dominate with one color (60%), support with a second (30%), accent sparingly (10%). It is the fastest way to turn any palette into a usable design — for slides, rooms, brands or websites. And remember: text needs contrast — keep body text at WCAG AA levels against its background.
The same color wears three uniforms: HEX (#b4552d) is the web's shorthand for red-green-blue values in hexadecimal; RGB (180, 85, 45) says the same thing in decimal; HSL splits color into hue/saturation/lightness — far more intuitive for humans, which is why designers tweak in HSL (“a bit darker, a bit less saturated”). A practical trick for building palettes: keep the same hue and vary lightness for instant elegance.
Everything runs entirely in your browser. Nothing you type is ever sent to any server or stored.
A combination of colors selected by their positions on the color wheel to look balanced together.
Three neighboring colors on the wheel — calm and harmonious, like blues and greens.
Two colors directly opposite each other — high contrast, like blue and orange.
Triadic: three evenly spaced colors. Tetradic: four colors forming a rectangle on the wheel.
Five shades of the same hue, from dark to light — clean and professional.
Yes, completely free with no account.