Color tool

Palette Builder

Pick one color and build a balanced three-color palette from it, select from my top picks, or preview gradients. See it as a UI card or a gradient, in light or dark, and find a solid palette for your UI.

Main color
#
Formula
The formula, visualized
Preview
Text
Mode
Buttons
Image
Accent

See the balance in context

Support color carries the secondary surface, the primary anchors the brand, and a small dose of accent draws the eye exactly where you want it.

Primary action
Copied