Color palette generator
Generate 5-color palettes with the harmony you like best. Tap a color to lock it 🔒 and keep regenerating the rest until the combination feels right.
Tip: lock 1-2 colors you like and keep generating, the others will rearrange themselves around them.
How color harmonies work
Harmonies are based on where colors sit on the color wheel. Analogous colors are close neighbors (within about 60°) and produce soft, soothing palettes that work great for backgrounds and interfaces. Complementary colors sit on opposite sides of the wheel (180°) and deliver maximum contrast, perfect when you need an accent color that really pops. A triad takes three evenly spaced hues (120°) for a lively yet balanced result. Pastel palettes raise the lightness and dial down the saturation for a gentle look that's popular in packaging, lifestyle brands and products for kids.
Putting your palette to work in a real project
The most popular rule of thumb is 60-30-10: one dominant color for 60% of the composition (backgrounds), a secondary for 30% (sections, cards), and an accent color for 10% (buttons, links, details). Copy the HEX codes and paste them straight into Figma, Canva, PowerPoint or your site's CSS. Before you ship, check the contrast between text and background: a ratio of at least 4.5:1 keeps your text readable for everyone.