The Color Psychology Myth
"Red means urgency, blue means trust." These are oversimplified to the point of being misleading.
The "red button converts 21% better" study was actually a test of contrast. The red stood out against a green page. On a red page, green would win.
What Color Science Says
1. Isolation Trumps Meaning
Your CTA should be the most visually distinct element. The specific color matters less than contrast with surroundings.
Test: Squint at your page. Can you identify the CTA? If not, it lacks isolation.
2. Contrast Affects Trust
Low-contrast elements feel optional. CTAs that blend in feel ignorable. Meet WCAG 4.5:1 for text.
3. Consistency Builds Shortcuts
When primary buttons are always one color and destructive actions another, visitors navigate faster. Inconsistency forces extra processing.
4. Culture Changes Everything
White = purity in the West, mourning in East Asia. Never rely on color alone for critical meaning.
Practical Decisions
- CTA color: Maximize contrast against your page, not psychology
- Maximum 3 colors: Brand, accent (CTAs), semantic (errors)
- Reserve red for errors — red CTAs create subconscious hesitation
- Dark mode: Reduce saturation 10-20% to avoid eye strain
- Warm backgrounds: Subtle warm-gray (#FAFAF8) feels premium vs. pure white
Stop choosing colors based on pop psychology. Choose based on contrast. Then test.