Color tool

Golden Ratio Palette Builder

Pick one color. The accent is found by rotating 137.5° (the golden angle, 360 ÷ 1.618) around the hue wheel; the support color drops saturation by ~60%. Then test how the three balance against each other.

Main color
#
Formula
The formula, visualized
Accent sits 137.5° clockwise from your main hue
Balance & ratio

Preview
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