A collection for the colorful web

Good color.
Great combinations.

Find your next website palette.
See it in action. Make it your own.

Open the palette studio 12 original palettes · Hex codes · CSS exports

Explore website palettes

12 palettes to make something with

Tap a swatch to copy its hex
No. 01Bold

Cobalt & citrus

A sharp blue, a little zest, and room to breathe.

↗
No. 02Warm

Terracotta & ink

Earthy warmth with an editorial point of view.

↗
No. 03Dark

After hours

A midnight base with a soft electric pulse.

↗
No. 04Soft

Rosewater

Rose, plum, and a quieter kind of contrast.

↗
No. 05Earthy

Forest floor

Deep greens grounded by a warm golden detail.

↗
No. 06Bold

Poolside

Clean turquoise meets a sun-warmed peach.

↗
No. 07Minimal

Paper & graphite

Just enough color. Nothing competing for attention.

↗
No. 08Dark

Violet hour

Velvety violet with a luminous pink finish.

↗
No. 09Soft

Butter & blue

A pale yellow morning with a blue horizon.

↗
No. 10Earthy

Ochre & olive

Golden-hour color with an olive undertone.

↗
No. 11Bold

Signal red

A precise red accent for things worth noticing.

↗
No. 12Minimal

Blueprint

Composed blues with a clear sense of structure.

↗
From inspiration to implementation

Looks good.
But does it work?

Put your palette on a real interface. Check text contrast, refine the colors, and take the CSS with you.

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 →