The study of how colors interact, contrast, and evoke emotion in visual design. In UX, color theory guides decisions around hierarchy, brand expression, emotional tone, and accessibility — particularly contrast ratios for readability.
Common contexts
- Choosing a warm accent color to communicate urgency on a time-sensitive promotional banner
- Validating that a new brand color passes WCAG AA contrast requirements before system-wide rollout
- Using complementary colors for a data visualization so users can distinguish categories without relying on labels alone
Use when
Apply color theory deliberately when building or extending a brand palette, designing data visualizations, or establishing emotional tone for a new product. The decisions made at this stage compound across every screen, so getting color relationships right before building is far less costly than correcting them after.
Avoid when
Color theory knowledge doesn't override user testing — a palette that feels harmonious to a designer may evoke completely different associations for users in a specific cultural or professional context. Never finalize a color system without validating its emotional and functional impact with real users from the target audience.
Emotional color associations are highly cultural and contextual — what communicates trust in one market communicates danger in another. Always test color assumptions with your actual audience, not your internal team.
Real-world examples
- Facebook's use of blue as its primary brand colour was partly a practical choice—Mark Zuckerberg is red-green colour blind—but blue also conveys trust and reliability in Western cultures.
- Airbnb's coral-red brand colour ('Rausch') was chosen to evoke warmth and belonging, directly reflecting the company's brand positioning around home and community.
- Robinhood uses green and white as its core palette, leveraging green's cultural association with growth and money to reinforce its investing brand.