What is the 60/30/10 color rule?
The 60/30/10 rule helps you divide color in a design so it feels balanced instead of noisy. Use 60% as your main visual space, 30% for identity and rhythm, and 10% for action, contrast or emphasis.
- 60% primary color for the main area and overall atmosphere.
- 30% secondary color for structure, sections and brand identity.
- 10% accent color for buttons, highlights and visual focus.