When it comes to your CTA button, every design decision matters. After all, your email’s call to action isÂ the driving force behind your whole campaign. You wantÂ readers to take action, whether it’sÂ registering for an event, making a purchase, or reading more of your content.
Color, in particular, is one of the most significantÂ features in makingÂ your CTA button noticeable and actionable. But how do you know whichÂ color to choose? Today, we’ll look a little closerÂ at how brands choose a CTA button color and we’ll offer guidance for how toÂ level-up your CTA button design with colorÂ strategy.
Two approaches to choosingÂ a CTA button color
1. Use yourÂ brand color
Often, a brand will choose a CTA button color that matches its logo color (whichÂ typicallyÂ appears in the header). In fact, when the Really Good Emails blog looked at every email submitted to the site in 2016, they found that 48% of brands match their CTA to a color within their brand logo (of non-black or non-white logos). Here’s what aÂ matching scheme looks like in action:
When your CTA button color matches your logo/header, it accomplishes a few things:
- It establishes design cohesion in your message. When a primary color repeats itself throughout an emailâ€”especially at the top and bottomâ€”it helps the whole messageÂ look balanced and unified.
- It reinforces the brand. If you’re signed up for Sprout Social emails, chances are, you could squint your eyes and still recognize one of their emails, even if it’s blurry. Their email design is consistently formatted and accented by the brand’s green.
2. Match the email’s color scheme
Matching yourÂ logo/header to yourÂ email’s CTA buttonÂ isn’t the only way to choose a color. Many brands, instead,Â choose a CTA colorÂ that works within the color scheme of a particular email or campaign. Moo, the business card company, often changes button color between emails:
Likewise, the stationary company Paper Culture, updates its CTA button color from email to email:
Note that both brands change only color from email to email. Size, shape, and text all remain the same. By doing so, both companies establish consistency in their visual brand identity, even though they’re varyingÂ button colors.
Changing your CTA button color from one email to another is effective when you:
- Have a well-established style guide and visualÂ identity. So even when you change color schemes from email to email, your emails still reflect the look of yourÂ brand.
- Stick withÂ your brand colors. Even though the color changes, it falls within the brand’s color palette, which helps maintain a uniform look.
- Choose a color that works with the email’s color scheme. Just make sure the color stillÂ stands out against the background.
How to choose aÂ color scheme
Color has a big impact on how we interpret information. When you’re choosing a colorâ€”whether it’s for your CTA button or even for your logo or brandâ€”it’s important to consider the connotations of color. While color interpretation is highly dependent upon personal experiences, certain generalizations are often made about the psychology of color. This Color Emotion Guide from the Logo Company is often cited as a general guide:
Another study, cited by Help Scout, found that people judge a color on itsÂ perceived appropriatenessÂ for the particular brand. In other words, they gauge if the color “fits” the personality of the product or brand. The fact is, colors canÂ have different associations depending on theÂ brandâ€”the colorÂ green, for example,Â connotesÂ environmental friendliness for Seventh Generation products, while for Sprout Social, above, it connotesÂ modernity and trustworthiness. In other words, there’s no single “right” color to choose. It’s more a matter of what color evokes the energy and personality of your brand.
Why a Blue CTA Button Color Might Be Best
In anÂ analysis from Really Good Emails, though, there was a clear winner when it came to a color used most often for CTA buttons: blue.
Still, another important color consideration is the “isolation effect,” which is basically the phenomenaÂ that something looks more or less attractive depending on what it’s surrounded by. When it comes to color, some research has shown that people have a preference for one strong, bold color that stands out more than the rest. For example, even though the red CTA button in the example below boosted conversions by 21%,Â Help Scout points out that the color red may not actually be a popular CTA color. Instead, the driving force for the popularity may beÂ the fact that red stands out more prominently when compared to the body of the email:
Combine the popularity of the color blue with theÂ isolation effect, and you getÂ a CTA button that can’t be missed, like in this email from beauty company Glossier:
Glossier’s brand color is pale pinkâ€”the background of the imageâ€”and its emails primarily follow a black, white, and pink color scheme. But the exception to the color scheme is the CTA button color is always the same royal blue color. They’re consistently designed and always stand out.
Follow these designÂ best practices for choosing a CTA button color:
- Pick a color that contrasts or “pops” against the background.
- Write a compelling CTA usingÂ an action verb in your brand voice. (Never say “Click here.” Be more creative than “Learn more.”)
- Size the button so it’s easy to spot but notÂ overpowering within the context of the email.
- Make sure the font is large andÂ easy to read.
- Keep the button simple and modern: avoid gradients, borders, andÂ drop shadows.
- Make the CTA bulletproof so it always appears.
For more tips, check out our post, Top Tips for CTA Button Design, to make sure you’re covering your bases! When you design your emails in our BEE editor, your buttons will always be bulletproof. No coding required!