Colour vibration and why your designer said no.

Design · 5 min read

A client sent through his colour preferences for an education app. Bright orange and electric blue. He loved them both. They were bold, energetic, and matched the brand personality he was going for. But when I put those two colours next to each other on a screen, something uncomfortable happened. The edges started buzzing. The text on the coloured background became almost painful to focus on. It looked like the colours were fighting each other.

That effect has a name. It's called colour vibration. And it's one of the most common reasons a designer will push back on a colour combination that a client genuinely loves.

It's not about taste. It's about how the human eye processes colour, and why some combinations make screens genuinely harder to use.

What colour vibration actually is

Colour vibration happens when two highly saturated colours with similar luminance values sit directly next to each other. The eye can't decide which colour to focus on, so it keeps bouncing between them. The result is a visual buzzing or shimmering effect at the boundary where the colours meet. Red and green. Blue and orange. Purple and yellow. If they're both cranked up to full saturation, they'll fight.

For most people, it's uncomfortable. You can still read the text, but it takes more effort. Your eyes fatigue faster. For some people, especially those with visual processing sensitivities, it can trigger headaches or make the screen genuinely unusable. And here's the thing that most people don't realise: it's worse on screens than on paper. Backlit displays amplify the effect because the colours are literally glowing.

So when your designer says "these two colours don't work together," they're not being precious about aesthetics. They're telling you that a meaningful number of your users will have a worse experience if those colours are used side by side.

The colour blindness problem nobody plans for

Colour vibration is one issue. But there's a bigger one hiding underneath it. Roughly 8% of males have some form of colour vision deficiency. That number comes from research by Birch, published in the Journal of the Optical Society of America in 2012. Eight percent. That's not an edge case. That's a significant chunk of your user base.

For one education app targeting tradespeople, the audience was mostly male. So we were looking at potentially one in twelve users who couldn't reliably distinguish between certain colour combinations. Red and green was the obvious one. Using red for "incorrect" and green for "correct" in a quiz is standard practice in education apps. But for a colour-blind user, those two indicators look almost identical.

Another client wanted colour-coded messages in a vehicle management app. Different colours for different alert types. We had to think carefully about which colours would actually work for everyone, not just for the people in the room during the design review. The solution isn't to avoid colour. It's to pair colour with shape, text, or iconography so the information doesn't rely on hue alone.

Your designer is protecting your users

When a designer says no to a colour combination, the instinct is to feel like they're overriding your creative vision. But they're not making a taste call. They're making a usability call. The colours you love might work perfectly as a logo on a white background. But inside an app, where those colours need to sit next to text, buttons, form fields, and each other, the rules change.

The fix is usually simple. Desaturate one of the two colours slightly. Add a neutral buffer between them. Use one as a primary and the other as a sparse accent. The brand personality stays. The energy stays. But the screen stops fighting with the person trying to use it.

Your favourite colour combination might be beautiful on a mood board. But a mood board doesn't have to be readable at arm's length on a phone screen while someone's trying to pass an exam or check a vehicle alert. The designer's job is to make sure the colours work where they actually live. And sometimes that means saying no.

Sources
Worldwide Prevalence of Red-Green Color Deficiency (Birch, 2012, Journal of the Optical Society of America A) - Approximately 8% of males and 0.4% of females have red-green colour deficiency.

Related blog posts:

Colour isn't decoration →

Designing for the person who can't read your app →

The font that changed everything →