Color Palette Generator

Brand Color Palette Generator

A brand palette is a primary color, a couple of supporting colors and a neutral or two. Start from your logo color: pipette it in, lock it, roll the supporting colors, then export and share the link with anyone on the team.

Export palette

5 colors · pick a format, copy or download

Format7 lines
:root {
  --color-1: #c421b7;
  --color-2: #a5df43;
  --color-3: #184090;
  --color-4: #c42128;
  --color-5: #43df6b;
}
palette.css

What a brand palette contains

Primary — the color people remember. Supporting — two or three colors that work beside it. Neutrals — grays or off-whites for text and backgrounds. Most brand systems stop at five; anything more starts to blur the identity.

Building yours here

  1. Hover any swatch, open the pipette and type or pick your logo color.
  2. Lock it and roll until two or three supporting colors fit.
  3. Lock those, then re-roll for neutrals or pick them with the pipette.
  4. Export CSS variables for the codebase, or copy the link to share the palette in a chat.

Frequently asked questions

Can I use these palettes commercially?

Yes. Colors aren't intellectual property — any palette you make here is yours to use in commercial work.

How do I share a palette with a designer?

Copy link from the toolbar. It carries the exact hex codes and locked colors, and it works on any device.

Related tools

Website palettesColor schemesMonochromatic palettes