Build your color palette — free tool
Pick colors with the picker, save them, build a named palette, and copy the CSS variables straight to your developer. Works in any browser — no internet needed after first load.
Pro tip — build a full palette from one color using opacity
Pick one color you like, then use the opacity slider to generate your whole palette automatically — full opacity for your primary button color, 60–70% for borders and hover states, and 15–20% for light background accents. Same color family, perfectly matched, no design experience needed.
Color picker
Opacity
HEX
RGB
HSL
Saved colors (click to use · right-click to remove)
No colors saved yet — pick a color and click Save.
Quick presets — click to load
Classic Blue
Midnight Pro
Forest Green
Brick & Mortar
Gold Standard
Deep Purple
Slate & Steel
Teal & Clean
Charcoal
Navy & Gold
Palette builder
empty
empty
empty
empty
empty
empty
Click a slot to make it active, then pick a color and click "Add to palette"
CSS variables — copy to your developer
Pick colors and add them to your palette to generate CSS variables here.