A little color. A lot of possibility.

Find your next color palette.

Explore 144 original palettes. Pick a favorite. Make it yours.

Create a palette
Start with a brand color

Explore color palettes

Filters

Search names, colors or project ideas. Enter up to five hex colors, separated by spaces, to rank the nearest distinct swatches. Collection filters combine: a palette must match each one.

144 palettes · Showing 1–24

Click a color to copy its hex
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit

Pine fog

Earthy

Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
Edit
About these palettes & your saved colors

The text figure is the lowest ratio for body/page, body/surface and action/page. It is not a whole-design accessibility rating. How we check contrast.

Catalog favorites stay in this browser. Named projects are in your Library. No account needed.

Same layout. Different possibilities.

Which feels right?

Compare the same content and its actual color pairs. Open a favorite in the studio to make it yours.

From inspiration to implementation

Looks good.
But does it work?

Build both light and dark themes from your brand. Try real interfaces, check component pairs, and export the whole system.

Try the palette studio
Sculptural folds of cobalt, yellow-green, ivory and black paper
From the field notes

A palette is a beginning.
Give every color a job.

Background, surface, text, action, accent. A simple way to turn five colors into a website that feels considered.

How to choose website colors

Color palettes for websites, with the next step built in.

These original five-color combinations are starting points for portfolios, journals, documentation, and product pages. Browse by mood, open a palette for role-by-role notes, then test your own combinations in the studio. Contrast belongs to a specific pair of colors: a palette is never a blanket accessibility guarantee.

Understand the contrast checks →