Color Palettes

Golden ratio color palette

Pick one color and get a full palette based on φ (1.618): hues spaced by the golden angle, a scale of shades and how to split them in your design with the 62 / 24 / 14 rule. We also explain which part really helps and which part is myth.

Golden angle colors (137.5°)

Each color turns 137.5° around the color wheel, so they never repeat and stay well apart.

Golden scale of shades

Each step moves toward white or black by a ratio of 1/φ.

Your palette and the 62 / 24 / 14 split

Use the dominant color for most of the design, the secondary for blocks and the accent only for buttons and details.

Open in the editor

Try this next

Name color paletteType a name and get your own color story palette16 personality type colorsTake an 8-question quiz and get your image colorColor TowerThe color palette game: stack blocks in a gradient
See all free tools →

What is the golden ratio?

The golden ratio, or φ, is about 1.618. You get it when you split something in two so that the large part relates to the small part as the whole relates to the large part. Architects and designers have used it for centuries to divide space.

The golden angle: colors that never repeat

Divide the color wheel by φ and you get the golden angle, about 137.5°. Turning your hue by 137.5° again and again puts each new color far from the previous ones. That is why it is used in charts and data visualization, when you need many colors that are easy to tell apart. Note that it gives distinct colors, not necessarily harmonious ones; for an elegant design, use one or two of them as accents.

The 62 / 24 / 14 split

This is the most useful part. Apply φ to how much space each color takes and you get 61.8% for the dominant color, 23.6% for the secondary and 14.6% for the accent. It is very close to the well-known 60-30-10 rule, and it works for the same reason: one color leads, one supports and one stands out.

Is it a myth that the golden ratio makes colors prettier?

Mostly, yes. There is no evidence that picking hues "in golden proportion" makes a palette more beautiful by itself. What does help is the above: spacing hues well when you need many colors, and splitting space around one dominant color. This tool uses φ only where it adds something real.

Frequently asked questions

How do I make a golden ratio color palette?

Pick a base color. The tool turns the hue by 137.5° (the golden angle), builds a scale of light and dark shades, and gives a five-color palette with the 61.8% / 23.6% / 14.6% split.

Does the golden ratio help colors match?

It mainly helps split how much space each color takes, and spread hues apart when you need many. It does not guarantee that colors match on its own, which is why the final palette uses a soft tint of your color as the dominant one.

How is it different from the 60-30-10 rule?

They are almost the same: 60-30-10 is a rounded version, and the golden ratio gives 62 / 24 / 14.