deep purple
soft purple
soft pink
pale yellow
soft green
Tetradicrectangle · cool
Explore palettes
Colour palettes & gradients
Find your next colour palette.
Preview a look. Copy a colour. Save a favourite.
Built with perceptual colour science.
OKLCH palettes · OKLab gradient blends
40,676 palettes · 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 text
:1
One colour. Eleven shades.
Build a scale. Find the shade that works.
Scroll for all eleven shades ↔
COLOUR IN CONTEXT500
Small details.
Big difference.
Your starting colour
Text on this shade
White textLarge text only3.06:1
Dark textAA pass6.16:1
AA body text needs 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 palette.
Choose a name to preview. Click a colour to copy.