VOCABULARY / ENTRY
60-30-10 Rule
sixty-thirty-ten
A rule of thumb for color from interior design: split the colors in a room or a composition by area into roughly 60%, 30%, and 10%. The dominant color covers the largest area and sets the tone, the secondary color fills the next tier of area to provide contrast, and the accent color takes only a small share to pick out the few places that need to be seen. It prescribes how much area each color occupies, not which colors to choose.
Recognizing it
- One color can be picked out as covering most of the composition
- A second color is used on clearly smaller but still substantial areas
- A third color appears only in the few places that need attention
Concept boundary
This is a trade convention, not an experimentally validated perceptual law: every source this entry found calls it a “trick” or a “guideline”, and none names an inventor or a date or offers any measurement showing that these proportions are more pleasing or more usable. The numbers 60, 30, and 10 are simply easy round figures and should not be treated as targets to hit exactly. It is related to focal point and visual hierarchy but sits at a different level: those explain why a small amount of difference is seen first, while this rule merely turns that into a mnemonic for dividing area. It also says nothing about contrast — once three colors are allocated by proportion, whether text and controls are legible still has to be checked against contrast requirements on its own, and the accent color must not become the only channel that carries a state or a meaning.
When to consider it
- A palette has to be built from scratch and there is no starting point for dividing it
- The colors in an existing palette cover similar areas and the composition has no lead
- The accent color is used everywhere and no longer singles out what matters
When to be cautious
- Treating 60, 30, and 10 as exact values to measure and meet
- Citing “it follows 60-30-10” as proof that a palette works or is accessible
- The accent color is the only cue that lets users tell a state or meaning apart
Tradeoff
An easy-to-remember area rule gives palette discussions a shared starting point and keeps the accent effective by keeping it scarce; the cost is that it only answers “how much of each”, not “which colors” or “is the contrast enough”, and copying the numbers can make people believe the color problem is already solved.
Conditional rules · Editorial advice
Related entries
An accent works because it is scarce and contrasts with its surroundings — exactly the source of salience that focal point describes; the smaller the accented area, the more readily it becomes the focal point.
The decreasing areas of dominant, secondary, and accent colors can serve as a rough realization of hierarchy in the color dimension; the other dimensions of hierarchy still have to be carried by size, position, and weight.
Proportion does not guarantee legibility: text on the dominant background and labels on accent-colored buttons must each still meet contrast requirements.
Color is not a channel everyone can distinguish; whatever the accent marks should also be conveyed by text, an icon, or shape.
Both are compositional conventions passed around as numbers and often cited as a guarantee of good looks; this vocabulary treats both only as usable conventions, not as aesthetic or usability proof.
Sources and what they support
This interior-design article by Ruth Doherty, published on 8 October 2021, calls 60-30-10 a classic interior-design trick for color schemes: the 60% dominant color usually goes on the largest surfaces such as the walls, the 30% color is used about half as much and shows up on accent chairs, curtains, or a feature wall, and the 10% accent appears on cushions, decorative objects, lamps, or artwork; it describes the rule as simply a guideline for color scheming. This entry uses it to establish that the rule comes from interior-design practice; the article gives no date of origin and no empirical basis.
Retrieved: 2026-10-20 · Snapshot unconfirmedThis UI-design article by Himanshu Raikwar, dated 10 October 2023, carries the rule over to interfaces: the 60% dominant color is mostly used on large areas such as the background, the 30% secondary color on sidebars or secondary sections, and the 10% accent sparingly on calls to action and other key elements; it states explicitly that the rule is a guideline, not a hard rule, and that the percentages can be adjusted. The article cites no research or data. This entry uses it to describe how the rule is commonly applied in interfaces, while classing it as a practice of experience.
Retrieved: 2026-10-20 · Snapshot unconfirmedDefinitions reference these sources. Digital specimens, selection advice, relationships, and recipes are editorial work and have not been validated through user research.
Type extensions and implementation notes
This entry has no runnable specimen; the illustration is an editorial sketch that uses a fictional FIELDNOTES page and a proportion strip to show how area is divided among three colors, and does not imply the proportions are validated. Before shipping, check the contrast of text and controls and confirm that the accent color is not the only cue for meaning.
{
"evidenceType": "A practitioner convention from interior design later adopted by interface design; this entry found no empirical research supporting the proportions",
"limit": "This entry does not claim that 60, 30, and 10 are optimal proportions, does not verify when the rule originated, and does not address color choice; it only describes an easy-to-remember mnemonic for dividing area, and contrast and color-vision accessibility must be checked separately."
}Open the Agent JSON file for this entryThis file repeats every field of this entry verbatim and adds its sources, archive status, and editorial scope.