Color Psychology in Web Design: What Research Actually Shows
Patrick Bushe
April 24, 2025 · 5 min read
Articles on color psychology often claim that blue builds trust, red creates urgency and green means go. Research does show color affects how people feel and decide, but the effects are smaller, less consistent and more dependent on context than most of those articles suggest.
What research supports
- Color shapes brand impressions: a 2012 study by Lauren Labrecque and George Milne found that colors in logos and packaging influenced perceptions of brand personality, such as sincerity, excitement or competence.
- Context matters: a 2014 review by Andrew Elliot and Markus Maier concluded that color effects depend heavily on context. The same red can signal danger, a sale or romance depending on where it appears.
- Fit matters more than hue: studies suggest people respond better when a color seems appropriate for the product than to any particular color in itself.
What's shakier
- Fixed meanings: claims that a color always means one thing don't hold across cultures. White is linked to weddings in some places and mourning in others.
- Dramatic effects: some well-known color studies have been hard to repeat with larger samples, so effects are probably modest.
- "The best button color": famous tests where one button color beat another tell you about that page, not a universal rule.
What actually makes buttons work
The button color that performs best is usually the one that stands out from everything else on the page. Contrast and placement matter more than whether it's orange or green. If your whole site is orange, a blue button will stand out more than an orange one.
Accessibility comes first
About one in twelve men has some form of color vision deficiency. Use enough contrast, and never rely on color alone to show meaning, such as errors in red with no text. See designing for colorblind users and use the contrast checker.
How to use color well
- Choose brand colors that suit your audience and product category.
- Pick one action color and use it only for main actions.
- Keep backgrounds calm so content and actions stand out.
- Test changes on your own site rather than trusting general rules.
Learn from real sites
Color Palette Extractor lists the most-used colors on any page, so you can see how successful sites balance brand, neutral and action colors. See finding a store's color palette.
