- What is 60-30-10 color rule?
- How to apply 60-30-10 rule in UI design?
- What is 60-30-10 rule when creating a color palette for your UI?
What is 60-30-10 color rule?
What is the 60-30-10 Rule? It's a classic decor rule that helps create a color palette for a space. It states that 60% of the room should be a dominant color, 30% should be the secondary color or texture and the last 10% should be an accent.
How to apply 60-30-10 rule in UI design?
The 60–30–10 Rule
The idea is simple —when you choose a new color palette, the 60% of the palette should be dedicated to one color (usually, it's a neutral color), another (complementary) color makes up 30% of the palette, and a third color (accent) is used for the remaining 10% of the design.
What is 60-30-10 rule when creating a color palette for your UI?
The 60-30-10 rule refers to an ideal proportion that is meant to reach balance among colors. According to Prototyp, 60% is your dominant hue 30% is the secondary color, and 10% is for accent color. This formula allows the eyes to move comfortably from one point to the next.