Color Palette Tools
Start from a base hex, pull colours from an image, then ship palette tokens with contrast feedback.
Color count
5
Number of swatches currently in play.
Locked
0
Swatches that survive each new generation.
Lowest contrast
1.28:1
#f4d35e ↔ #faf0ca
Palette studio
Lock the shades you love, hit space to roll new ones, and tweak any tone freely.
RGB 13·59·102HSL 209·77·23
RGB 249·87·56HSL 10·94·60
RGB 244·211·94HSL 47·87·66
RGB 238·150·75HSL 28·83·61
RGB 250·240·202HSL 48·83·89
Export
Pull your palette as CSS, Tailwind, SCSS, JSON, or plain HEX/RGB/RGBA/ARGB lists.
:root {
--tone-1: #0d3b66;
--tone-2: #f95738;
--tone-3: #f4d35e;
--tone-4: #ee964b;
--tone-5: #faf0ca;
}