Free ยท Harmonies + shades ยท Click to copy

Color palette generator

Pick a base color and get harmonious schemes (complementary, analogous, triadic, tetradic) plus tints and shades. Spin a random palette and click any color to copy.

Tints & shades

Harmonies

๐Ÿ”’ Everything runs in your browser. Tap any swatch to copy its HEX.

How to build a color palette

Generate a harmonious color scheme from a single base color โ€” perfect for websites, brands, slides and illustrations.

๐ŸŽจ

1. Pick a base color

Use the color picker or paste a HEX value to start.

๐ŸŒˆ

2. Explore harmonies

Get complementary, analogous, triadic and tetradic schemes plus tints and shades.

๐Ÿ“‹

3. Copy any color

Click a swatch to copy its HEX, or spin a fresh random palette.

Good color combinations follow simple relationships on the color wheel: complementary colors sit opposite for contrast, analogous colors sit next to each other for calm, and triadic/tetradic sets are evenly spaced for vibrant, balanced schemes. Tints and shades give you a full range for backgrounds, text and accents. Grab colors from an image with the Color Picker, or build gradients in the Gradient Generator.

Color palette FAQ

What schemes does it create?

Complementary, analogous, triadic and tetradic harmonies, plus tints and shades.

Can I copy colors?

Yes โ€” click any swatch to copy its HEX.

Is it free?

Yes, and it runs entirely in your browser.