The 60-30-10 rule for moodboards

Most color problems in moodboards — and in design more broadly — come from not deciding who's in charge. When all five colors in your palette compete for attention with equal weight, none of them wins. The composition feels busy, restless, and directionless.

The 60-30-10 rule is one of the oldest organizing principles in visual design, borrowed from interior design and architecture. Applied to moodboards, it gives your palette a clear hierarchy before you've placed a single image.

What the rule says

60% of the visual space goes to your dominant color — the one that establishes the overall mood. This is usually a neutral or near-neutral: a warm ivory, a deep charcoal, a soft sage.

30% goes to your secondary color — a complement that adds depth and works in dialogue with the dominant. This is often a mid-tone that bridges the dominant and the accent.

10% goes to your accent — the color that makes the palette memorable. It's used sparingly precisely because restraint is what gives it power.

The accent color is not the most important color in your palette. It's the most strategic one.

Why it works

The rule works because it mirrors how we naturally experience well-designed spaces and compositions. When you walk into a room that feels right, the dominant color is usually a wall or floor treatment — present everywhere but unobtrusive. The secondary color appears in furniture or major textiles. The accent shows up in one or two deliberate details: a throw pillow, a piece of art, a vase.

Your moodboard is doing the same thing spatially. The dominant color establishes a baseline — a ground from which everything else reads. The secondary creates visual movement. The accent creates the moment — the thing the eye finally lands on.

Applying the rule to image selection

The most practical application of 60-30-10 in moodboards is in how you select and arrange images. Before you place anything, ask:

• What is the overall temperature of this image? (warm, cool, neutral)
• Does it reinforce the dominant, the secondary, or the accent?
• How much visual area does each color occupy in the image itself?

If every image you select is dominated by the accent color, you've accidentally made it the dominant — and lost the contrast that made it special. Keep the accent rare in your image selection, just as you'd keep it rare in the palette.

The rule in practice: three examples

Common mistakes

Using too many accents

The most frequent mistake is selecting three or four colors you love and giving them all equal weight. The result is a palette that vibrates rather than rests. Pick one accent. Use it once. Make it count.

Making the dominant too neutral

There's a difference between a neutral dominant (warm ivory) and a non-color (pure white). Pure white reads as absence, not presence. Your dominant should have a temperature — warm, cool, or earthy — that sets the emotional register of the whole board.

Ignoring value contrast

The 60-30-10 ratio is about area, but value (lightness and darkness) is equally important. A board where all three tones are the same value — all mid-tones, for example — reads as flat even if the colors are technically different. Build in contrast across the value scale: one light, one mid, one dark.

Using Muuree to apply the rule

When you use Ask Muuree to generate a palette, the AI is designed to return palettes with inherent hierarchy — a dominant, a secondary, and an accent — not five equal swatches. The palette chip it drops on your canvas will show you those relationships directly.

From there, the image search becomes a filtering exercise. Use the generated palette as a constraint when searching references: does this image have the right dominant tone? Does it introduce too much of the accent? Filter accordingly, and your board will cohere faster than any other method.