Color Palette Generator

Get a matched set: background, surface, primary, accent and text.

BrandHomePricingSign up
New

Build something people love

A short description that shows how your text and background colors work together.

Get startedLearn more
Feature card

Surfaces keep content separated from the page.

Tap a snippet to copy it

How it works

  1. Pick a style and mood, or give it a brand color.
  2. Hit Generate (or space) until something clicks, and lock the keepers.
  3. Check the mini site preview, then copy the codes.

Quick answers

Why do the colors have names?
Each one has a job on a page, so the palette is usable the moment you paste it.
Can I build around my logo color?
Yes. Type it into Base color and it becomes the primary.