Color Psychology and Calls to Action With Sales

By | March 27, 2022

Colors are important.  No offense to the colorblind, but paying attention to colors in your marketing material is essential to optimizing your conversion rates.

  • 85% of shoppers make their purchase decision based on color of the product.
  • Full color ads in print earn 26% more attention than grayscale ads.
  • Color increases brand recognition by 80%.

Of course, you have to remember that every color has its own associations, and each of those associations is very culture-specific.  The most common example is literally black and white; in America, the color of death is traditionally black, with black worn for mourning.  In Japan, mourning and death is predominantly white.

The Color Wheel and Marketing

Before digging too deeply into color psychology, you should know the basics of color theory.  If you’ve paid attention to art or physics classes, you can probably skip this section.

The color wheel is the circle of colors surrounding the three primary colors of yellow, blue and red.  Mix any two and you get secondary colors, orange, green and purple.  Mix those in turn with primaries and you get tertiary colors, like blue-green, magenta and red-orange.  Of course, you can pare this down to exact hex values in millions of individual shades, but it’s hardly useful to do so for a basic discussion.

Colors can be complimentary or they can be more antagonistic.  Red and blue look good together.  Blue and orange clash and hurt the eyes.  It’s all a matter of hue and saturation, of course, but there are general color theory rules to follow.

North American Color Associations


Yellow is a bright and distracting color that’s not easy on the eyes.  It’s typically optimistic, seen in advertising for the spring, and it’s used to grab attention.  It can stand out when combined with more muted complimentary colors or other pastel shades.

Red is a forceful, vibrant color that inspires feelings of energy, urgency and in certain seasons, love.  Red is typically used in advertising with a “buy now before it’s gone” or clearance situation.

Blue is a calming color most often associated with trust, security and the financial sector.  Many banks pick either blue or green, or often a combination of both, for this reason.  If you want to assure users of the reliability of your product, use blue.

Green is the color of wealth.  It’s also a very easy color to parse.  It’s easy on the eyes and it’s used for relaxation and calming effects, similar to blue.  Seen in banks and financial institutions for the same reasons as blue, with the association with wealth to back it up.

Orange is an aggressive color that’s often used as a call to action; subscribe now, buy now, act now.  It’s also seen as a budget color, occasionally associated with a fair sense of affordability.  It’s not typically a beloved color, though it shines in the autumn months.

Pink is a romantic, feminine color that tends to be extremely gender segregated.  As such, it only makes a good call to action for a very specific demographic.  Among males, it is often associated with weakness and femininity.  Social revolution is slowly changing this impression, but color psychology has been entrenched for decades.

Purple is a calming and soothing color.  It also tends to appeal more to women than men, and is often used for marketing beauty products, anti-aging products and products for the rich and refined.  Different shades of purple tend to align with different kinds of products.


Black is a powerful, sleep and luxurious color.  It’s used to market upper class luxury goods in print and product design.  On the web, however, it tends to not stand out quite as much, due to the prevalence of black text virtually everywhere.

White is a color of purity and sterility, used by brides and doctors.  On the web, it’s a neutral color mostly seen in the background; a white call to action button has no chance of standing out unless the background it’s set into is significantly different.

Brown is a color of wholesome earthiness, nature and natural ingredients.  When used alone, it often implies boredom.  When used with other colors, it has different associations.  Brown and green is recycling and earth friendly design.  Brown and red is autumn and harvest fertility.  It’s always a complimentary color, not a stand-alone color.

Other colors have their own associations, but straying into individual shades grows too granular to describe.

Colors in CTAs

When you’re specifically talking about the call to action, color can come into play in numerous ways.  Your landing page will tend to be more graphical than the rest of your website, potentially with dynamic page layouts and animation.  A lot of this should be in greens and blues, to exude calm and trust.  When you reach the actual call to action button, you have little choice.

Multiple studies show that orange buttons tend to convert at a higher rate than other colors.  There is, however, some question to the validity of those studies.  Many case studies went into the test with a control of no button, in which case yes, a red or orange button will convert more.  When tested site by side with a different color button but an identical design, it’s a much closer race.

The problem with paying too much attention to color is that it pays less attention to design.  For example, take a look at Jon Loomer Digital.  Jon is a smart guy, and his site is primarily grayscale with orange and sienna as the primary color.  A big orange button isn’t necessarily going to entice users any more than anything else on his page.  Might his call to action stand out more with a red, green or blue button?  Sure.  Would it stand out too much and compromise the atmosphere of his design?  Maybe.

A call to action is made up of four elements.  The placement of the button, the shape of the button, the message of the button and the color of the button.  Of the four, color is perhaps the least meaningful.  You can pick the perfect color but if you bury the button at the bottom of the page, below the fold and with a bland message, you’re not going to see many conversions.  Change the color to something unappealing and move the button to the top of the page and your conversions will likely rise.

The post Color Psychology and Calls to Action With Sales appeared first on Growtraffic Blog.

Leave a Reply

Your email address will not be published. Required fields are marked *