Palette Generator

How to make a color palette

1. Pick a theme tab, from Website / UI and Brand to Pastel, Neon, Earthy or Monochrome.
2. Press Generate, or tap the spacebar, to roll a fresh five-color palette in that style.
3. Lock the colors you want to keep, then reroll until the rest land.
4. Click any swatch to copy its HEX, or browse the ready-made palettes below.

What is a color palette?

A color palette is a small set of colors chosen to work together across a design, usually a base, one or two neutrals and an accent. Picking them as a group rather than one at a time is what keeps a brand, website or illustration looking consistent. This generator builds that set for you in one click and lets you lock the colors you like.

How many colors should a palette have?

Five is the practical sweet spot, which is why this tool generates five at a time. It gives you a dominant color, a couple of supporting tones and an accent without tipping into visual noise. A common way to use them is the 60-30-10 rule:

What colors go well together?

Colors look harmonious when they share a relationship rather than being picked at random. That is the whole idea behind the theme tabs: each one keeps the hue range and saturation consistent, so the five colors already belong together. If you want colors built on a strict wheel rule instead, like complementary or triadic, the Scheme Generator derives them from a single base.

What is the best color palette for a website?

For a website, start with the Website / UI theme: it gives you a calm base, soft neutrals for backgrounds and text, and one confident accent for buttons and links. The most important step is contrast, so check your text and background pairing in the Contrast Checker before you ship. Bright, fully saturated palettes look striking but tire the eye over a whole page.

How do I save or reuse a palette?

• Click any swatch to copy its HEX code straight to the clipboard.
• Lock the colors you like, so a reroll only changes the rest.
• Turn one color into a full light-to-dark scale with the Shades Generator.
• Convert a color into RGB, HSL or CMYK for code or print with the Color Converter.

Where can I find ready-made color palettes?

Scroll to the Popular color palettes gallery below the generator. It is a browsable set of finished, named palettes you can copy straight away when you would rather not roll your own. To build a palette from a photo instead, the Palette From Image tool pulls one out in a click.