Color palette generator
Generate 5-color palettes with the harmony you like best. Tap a color to lock it: when you generate again only the others change, and they arrange themselves around it.
Analogous, complementary and triad are harmonies between several colors: choose them with «A palette of five».
Tap a color to lock it: with «Generate» only the others change, and in the harmonies they arrange themselves around the first locked color.
History. Tap a color to bring it back:
How color harmonies work
Harmonies are based on where the hues sit on the color wheel. In an analogous palette the five hues sit 18° apart, 72° in all: soft palettes, great for backgrounds and interfaces. In a complementary one a hue alternates with its opposite (180°, a few degrees off so they don't look copied), from the darkest color to the lightest: maximum contrast, for an accent color that pops. A triad takes three hues 120° apart, and the last two colors are light versions of the first two hues. With pastel the lightness stays between 80 and 90%: with that much light even a saturated color turns soft, the gentle look of a lot of packaging and of products for kids.
Locking a color
Tap a color to lock it: the padlock shows up, and with «Generate» only the others change. In the harmonies the first locked color sets the starting hue, so the others really arrange themselves around it: that's how you build a palette around the color of a logo. A gray, white and black have no hue: if the first locked color is one of them, the next locked color that has a hue decides, and if there is none the starting hue is random. The history keeps the colors that left the palette, the latest at the top, and never one you can already see. Tapping one puts it back into the palette, in place of the first one that isn't locked, and it stays locked.
With the «One color» button at the top the same page gives a single color. The history lasts as long as the page stays open: nothing is saved or sent.
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.
Four pages, two jobs
Palette generator and Random Color are the same generator, with one color or five: the two buttons at the top switch from one to the other without changing page. To type a color and get it in every format there are Color converter and Color picker, the same tool with two ways in.