Skip to content

60-30-10 rule

The "60-30-10" rule is a widely recognized principle in interior design that offers a straightforward and effective approach to choosing a balanced color scheme. In this rule, you divide the colors used in a space into three key proportions: 60% for a dominant color, 30% for a secondary color, and 10% for an accent color. This rule provides a clear framework for creating visually appealing color combinations.

The 60% dominant color sets the foundation for the space, typically covering walls, larger pieces of furniture, or major design elements. In the case of UI design, this would be the background which are usually white or gray. It establishes the overall mood and atmosphere. The 30% secondary color complements the dominant color and can be applied to items like additional furnishings, or wall coverings. It is the most staked color of the app. It adds depth and interest to the design. Finally, the 10% accent color adds vibrancy and personality to the space. It's often used for accessories, decorative items, or small details like throw pillows, artwork, or trim. In case of app desing, this would be the color of confirmation buttons. The 60-30-10 rule can help desingers to achieve a cohesive, balanced, and visually appealing color scheme that doesn't overwhelm the eye and creates a sense of harmony in the environment.

ref

https://medium.com/@fidel.komolafe/how-to-use-colours-in-your-design-like-a-pro-2488ab21584b#:~:text=best possible palette.-,The 60–30–10 rule,10%25 as the accent colour.