Skip to content
ColorArchive
ColorArchive Notes
2029-04-07

Color for Conversion: What A/B Tests Actually Reveal About CTA Colors

The evidence on button colors, urgency, and contrast ratios — and why 'the red button always wins' is a myth that gets designers into trouble.

The most repeated piece of CTA color advice — 'make the button red' or 'use green for go' — is mostly myth. What A/B testing at scale actually reveals is more nuanced and more useful. **Contrast, Not Color, Drives Clicks** The most consistent finding across large-scale button color tests is that contrast ratio between the button and its surrounding background matters more than the specific hue. A high-contrast orange button on a white page outperforms a low-contrast red one. A button that stands out visually from its environment will get more clicks regardless of its specific color — which is why 'the red button wins' often works: red tends to contrast against the blue/white pages it's tested on, not because red is universally superior. This insight simplifies your CTA strategy: before picking a CTA color, map your page's dominant color temperatures and values. Your CTA needs to be the highest-contrast element near the action point. **Expectation and Context** Color also communicates context-specific expectations. Green reads as 'safe to proceed' in forms and checkouts, where users are primed for a traffic-light metaphor. Orange reads as 'limited time' in promotional contexts — it triggers a mild urgency response rooted in decades of sale/clearance color conventions. Neither is universally better: the right color depends on what action you're asking users to take and in what emotional context. **Secondary CTAs and Color Hierarchy** Pages with multiple actions (primary CTA, secondary link, tertiary option) need a clear value hierarchy in their color system. Primary CTA: your most saturated, highest-contrast accent. Secondary CTA: lower chroma variant or ghost/outline treatment of the primary. Tertiary: text link in your body color, no button frame. When secondary and primary CTAs have similar visual weight, users hesitate — they don't know which to choose. ColorArchive's brand generator exports role-annotated palettes that include CTA hierarchy as a first-class design decision.
Newer issue
Dark Mode Color Strategy: Beyond Inverting the Light Theme
2029-03-31
Older issue
Color Grading for Designers: How Photographers Build Mood Through Color
2029-04-14