Why one accent colour outperforms a rainbow of them

A page redesign tested two versions: one with a single orange call-to-action button on a neutral background, another with five different coloured elements competing for attention. The single-accent version converted significantly higher. When everything is highlighted, nothing is — the eye has no hierarchy and wanders. One accent creates a focal point; many accents create visual noise, and the user’s attention, divided among them, settles on none.

What everyone sees

A user on the single-accent page finds the button immediately. The orange stands out, the path is clear, the click follows. The user does not notice the restraint behind the design; he experiences it as a page that simply works, unaware that the single colour is doing the guiding that the rainbow version could not.

What is actually happening

Research on visual hierarchy and the isolation effect shows that a single distinct element in a uniform field captures attention and is remembered better than any element in a heterogeneous field. When multiple elements compete for salience, no single one dominates, and attention is fragmented. A lone accent exploits the isolation effect; a rainbow of accents neutralises it, leaving the user without a clear focal point.

Why it stays hidden

The hidden mechanism is the isolation effect: a single salient element in a restrained field captures the eye and guides action, while multiple salient elements cancel each other’s pull. The designer’s restraint — using one accent — is what makes the accent work. Adding colour feels like adding emphasis, but past a threshold it subtracts focus, and the user’s eye, given too many destinations, arrives at none.