BauhausRadial · 2 stops
Explore palettes
Colour palettes & gradients
Find your next colour gradient.
Preview a blend. Copy CSS. Save a favourite.
Built with perceptual colour science.
OKLCH palettes · OKLab gradient blends
15,600 gradients · 78 collections
Make a palette.
Made with OKLCH
Lock favourites. Generate the rest.
1
2
3
4
5
Recently tried
Make a gradient.
Colours in OKLCH · blends in OKLab
Pick a shape. Adjust the colours.
Your blend
Direction sets how the colours flow.
Your colours
2 / 5More options
View CSS
Space to generate · Select a colour to edit it.
Recently tried
Get colours from a photo.
Choose an image to find its colours and build a palette.
JPG, PNG, WebP, AVIF or GIF · up to 20 MB
Your photo stays on your device.
Drag a dot to adjust a colour. Arrow keys work too.
One colour. A whole palette.
pick a colour or type its hex.
Space to pick a colour← → to flip palettes
One colour in, 78 palettes out. Flip through them one at a time.
Check your contrast.
Check every part of the preview.
STUDIO
Click a part of the preview to see its check.
Body textDetails ↓
- Normal text AA · 4.5:1
- Large text AA · 3:1
- Normal text AAA · 7:1
- Large text AAA · 4.5:1
The whole palette collection
Find your colours.
Getting the collection ready. Your results will appear here.
TRY ANOTHER IDEA
Your collection
Your savedpalettes
Preview, copy and share your colours.
0 saved palettes · kept in this browser
Use your saved colours.
Choose a name to preview. Click a colour to copy.
Share & export
All saved designs.
Keep a copy
Downloads your whole collection — designs, notes, name and journal — as one small file.
Pick a backup file to add its designs and journal to this browser. Nothing here is replaced.
Your collection lives only in this browser. Download it as one file; Restore brings a file back — here, or on another device.
J / K choose a palette.
L copy linkH HEX/ search
Saved palettes0
A place for the keepers
Meet your next favourite.
Find a palette you love. Hit Save. Make it yours.
Yours, right here. Saved in this browser on this device.
Pick a gradient.
Choose a name to preview. Click a blend to copy CSS.