When it comes to persuasion, emotion is the primary target. And nothing – not even words or images – appeals more to people’s emotions than color to create a positive or negative user experience.
However, the psychology of color is often a subject of disagreement in marketing and website design, because color preference varies widely between individuals. For example, many people prefer red to blue, while even conjoined twins might prefer different t-shirt colors.
Colors impact everyone. It doesn’t matter whether you’re developing software, designing a book, developing web design cover or simply branding your business: colors define mood and influence responses. And color theory is a very complex subject.
According to NeuroMarketing, “if a good color sells, the right color sells better.” Businesses, top brands and entrepreneurs are constantly improving their knowledge about the color wheel and how they can lead to increased lead generation and sales. The color may be pertinent to a button, the text or even the background color.
Since so many people use overt and accent color in their online marketing and website design without fully understanding its impact and how it can grow their business, I thought it was time to write this in-depth article.
Remember that understanding color psychology doesn’t mean that you should manipulate or deceive customers into buying what they don’t want or need.
Instead, color theory suggests you can develop an edge over your competition, letting you convey your message effectively, meet the needs of your target audience and build your brand.
Checkout a real life example of how I use psychology and color to generate sales.
1. Psychology of Color
When you understand color psychology, you can use that knowledge to boost your conversion rate. Psychology of color scheme allows you to predict how your customers respond to your marketing messages, based on the color of your copy, call-to-action buttons and links. It’s all part of understanding customer psychology.
Colors have always made up a huge part of our existence and our history. Even color blindness isn’t without emotional connection to color vibration. All aspects of the color wheel are crucial part of the stories we tell, the art we create and the symbols we imbue with meaning. Think of the story of Noah and the rainbow – caused by reflection, refraction and dispersion of light in water droplets, resulting in a spectrum of light appearing in the sky.
Psychology, of course, is the study of the human mind. In internet marketing, psychology helps you to predict how the people in your target audience respond to different marketing messages, before they purchase a given product. Color theory helps.
Whether you’re selling clothing, digital cameras or your services, it’s important to make sure that your colors work perfectly with every element in your marketing plan.
For example, psychology tells us that photos of people can be more effective, when we make sure the subject’s mood matches the marketing message. Here’s an example from RainBowShops.com:
Both pure and accent colors can enhance the value of a site and the product that it offers. If the right colors are used and the right customers receive the right message, you’ll get fewer objections to the purchase, regardless of price.
An example is Richdad.com, which offers financial education products. The site is professionally designed, with the perfect colors blending into the product and into key sections, such as the free ebook “CashFlow Quadrant” box:
If your site caters to women who want to improve their makeup, the image on your landing page should tell the user that you have their solution. Your customers don’t want to see someone looking shabby and unkempt. They want to relate to a vibrant, happy and healthy woman who conveys the impression that she loves your product. Accent colors may work work well here.
For example, on the Milanicosmetics.com homepage, that kind of image is coupled with an appealing shade of pink.
According to Bourne Creative, pink denotes true love for oneself and others. It can also represent enthusiasm, friendship, harmony, affection and inner peace and many women respond positively to it.
1). Misconceptions about the color theory: The impact of colors on branding and marketing have unfortunately resulted in several prevalent myths.
If you come across any article that asserts a particular color is “best,” keep in mind that no particular color works best for every campaign. You have to test various color options for yourself. Experiment with a pure color, an accent color, or various background colors and combinations until you find one to make you feel good.
As a typical example: Pat Flynn’s FoodTruckr.com, a site on how to start a food truck business, has a great color blend based on an image depicting lettuce, tomatoes and an onion.
The call-to-action button is green with a white inscription. Does that mean that this is the best color for the landing page and their target user experience? Of course not. We’d have to test that combination, along with others, to know for sure.
In contrast, Foodtruckempire.com (another popular site in the same niche) doesn’t seem to be using a solid background image like Pat Flynn does. And, there’s no food-related color scheme as a result.
Keep in mind, the reason why you’re learning color psychology and how it can improve user experience and thus boost your conversion rate is to understand how color impacts your customer’s response. Whether your customers are aware of it or not, colors affect their decision-making processes.
Printwand conducted a research study and found that using colors and graphics can make a tremendous amount of difference. They advised using a call-to-action that stands out from the rest of the design, by way of a contrasting font, some in pure color and some in accent color. Remember that color theory is both art and science.
2). What is branding? Branding is simply the marketing practice of creating a unique name, identity and image for a business- one that a customer cognitively equates with the business itself.
Persuading a customer to take any specific action depends on several elements, of course, but color is one of the primary components of your personal brand.
Your personal brand is far more than just your color scheme and logo – it represents your core values, vision and mission. Zappos is a popular brand, because their core values guide all of their dealings with their customers. Their web design uses a a dark blue with a light accent color.
But, it is absolutely true that colors are powerful brand builders. This is why it’s easy to identify top brands from their logos – not necessarily because of the text or design elements, but because of distinctive colors and color combinations. After all, the brain processes visual information 60,000x faster than plain text.
2. The Importance of Colors in Branding
Color theory can be used to communicate value, as well as to sell a product. When Coca-Cola Company marked 125 years of offering great service, they used their classic, bold red to brand the campaign.
In this section, we’ll explore some of the benefits of using colors in branding. You know that branding represents identity and values, so the next step is examining the effects of choosing the right colors for your business branding.
Your brand personality is of utmost importance. Keeping your color scheme consistent with that personality is possible, when you fully understand how colors both reflect and influence emotional states.
The core benefits of careful color selection in branding include:
1). Clarity of purpose: Your web design or brand voice will be made stronger through the right color scheme.
Until you know and speak the language that your prospects speak, your product may get lost in a sea of competition, no matter how valuable or effective it may be.
McDonald’s is known for its prominent golden arches and red background color. The red menu bar on the left clearly communicates what McDonald’s offers, but also serves as a visual touchstone, creating a consistent brand image that starts with its color scheme.
2). First impressions: You make only one first impression. But, the careful use of colors to create that first impression can captivate first-time visitors to your site, while simultaneously nurturing your loyal customers. And, first impressions count for a lot – they’re rarely forgotten.
A perfect example of an influential blogger who creates a great first impression with his colorful website design is Michael Hyatt. His logo and call-to-action use the same cyan color, while the form is white, which represents neutrality in color theory.
When you take advantage of the first opportunity, with the smart use of color, you can boost email sign-up rates, inspire repeat customers and give people a reason to tell others – no matter what your niche or industry is.
3. Using Color Psychology to Persuade
In his classic book, Color Psychology: The Science of Using Colors to Persuade and Influence Purchasing Decisions, Michael Campbell stated that a colored background can stir the emotions deeply, much like an intense personal encounter.
He also said that most people assume that a white background is always best, but that assumption isn’t true. Even a subtle accent color can provide huge rewards when improving the user experience.
Colors can cause people to respond in a certain way to your offers – or ignore them outright. Color can also affect the way you conduct your daily work activity.
Color can even impact your energy level, for better or worse. And, with increased energy levels, you improve the user experience, thus achieve even better results for your business.
Use inviting colors to inspire creativity in your office or workplace. You’ll improve your productivity and feel better at the end of each working day.
When it comes to your business website, your customers may not even register how specific colors of your product package, website design elements or overall site design are influencing them. That’s why it can be difficult to get accurate customer feedback on your color scheme.
But, we can draw some general conclusions about colors and their psychological effects. For example, green suggests wealth, while blue builds trust, which is one of the reasons why you’ll see a lot of blue-based headers on professional services websites (law firm, etc.).
Persuasion is the art of changing people’s attitudes, in order to get them to take a specific action, by convincing them to find value in your product or service.
Persuasion is not the same thing as pushy or deceptive manipulation, nor is it a light “nudge.” You have to balance your approach, by first giving value and then encouraging your targeted audience to take advantage of that value. That’s the great thing about color theory; you can make it very subtle with accent color or bold with pure color designs.
So, if you want to increase your conversion rate, every element (color, copy, design, speed, call-to-action, offer, etc.) of a landing page must work together. This is important, because color theory isn’t the only thing to focus on here.
1). Understanding the customer’s brain: As I mentioned earlier, the human brain processes visual information 60,000x faster than plain text. A good color scheme will even appeal to those with color blindness.
Generally speaking, a person will be able to recall the YP.com landing page more so than Wikipedia, for example, because the former is colorful and attractive, while the latter is primarily straightforward text without even so much as an accent color.
Robert Plutchik’s famous “wheel of emotions” illustrates how variant shades of some colors correspond to variant emotional states. This illustration and the theory that it depicts were aimed at exploring the impact of colors on everyday communications and user experience.
Colors that are associated with happiness, such as yellow, can increase a person’s willingness to share the accompanying content.
But, fake emotions are a different story altogether. Specific areas of the brain are activated, when consumers are exposed to deceptive advertisements.
Gemma Calvert, head of the Multisensory Research Group at Britain’s University of Bath, affirms that brain scans can reveal the difference between what we express and what we feel emotionally.
Roger Sperry conducted research to examine how the human brain’s hemispheres operate. He found that the right and left hemisphere function both independently and in conjunction with each other. Here are both brain hemispheres from above:
It’s myth – albeit a commonly-held one – that the different sides of our brains control logic versus emotion. But, Sperry’s research does show how both hemispheres share information with each other to enable the brain’s cohesive functionality. This is how information (sounds, words, colors) is shared and then leads to a decision.
In this way, colors affect purchase decisions. That’s why product packaging affects buying decisions for many household brands.
Individual consumers have different color preferences that will affect their user experience. But, scientists have found that some colors seem to have widespread effects on us. For example, if you’re the type who gets distracted easily while engaged in a task, stimulating colors such as yellow, orange and red can refocus you on the job at hand.
2). Color preference by gender: A survey conducted by Philip Cohen, a sociologist from the University of Maryland, asked 2,000 men and women the simple question: “What is your favorite color?” The pure color most often given in response was “blue,” for both genders.
Although the psychology of color affects both male and female consumers, their specific responses can differ – sometimes for a wildly different user experience. For example, red creates urgency and increases heart rate. It’s also suggestive of aggression.
No surprise, then, that the latest Ferrari 488 GTB comes in a deep pure color red. This should increase your heartbeat and spur you into action – assuming you can afford it, of course. This is a positive user experience for a sports car but perhaps not for money management.
On the other hand, black is a universal color that’s mostly used to convey a luxurious idea or market a high-ticket product. It’s not even a pure color, often ignored in a color wheel.
This is one of the reasons why so many private jet brokerage sites use black for their background color. An example is JamesEdition.com:
Now that we understand the associations for red and black, let’s look at how color preferences differ between the genders.
By way of contrast, men prefer slightly different colors:
Most men prefer blue over other any other pure color. The popular men’s store of designer Ralph Lauren uses blue to foster a sense of trust and security, which men respond to positively.
3). Examples of color psychology in persuasion: Both warm and cool colors can be used to persuade readers and customers. However, you can find great examples from popular brands who have mastered the art of persuasion using colors all across the color wheel.
You should also think about seasonal color palettes for specific holidays. You don’t have to choose red and green for Christmas, for example, but doing so takes advantage of affordability clues that are ingrained in most people and they’ll immediately associate your product with the holiday, simplifying the user experience.
Apple brought color into the marketplace in a vivid way that hadn’t been tried before with computers. The original 1998 iMac was colorful and the first of its kind to combine vibrant pure color, innovation, convenience and prestige. Apple’s fans and consumers quickly fell in love with the colorful iMacs.
Another product that enjoyed phenomenal success (at least initially) thanks to color psychology is Heinz EZ Squirt Blastin’ Green Ketchup. Over 10 million bottles were sold within seven months. Their factories had to work 24 hours, seven days a week to keep up with consumer demand, which generated $23 million in total sales.
However, sales ultimately softened and the company eventually pulled the line altogether. This only proves the overall point: color is important, but it’s not the sole factor in a product’s success.
4. Conversion Rate Optimization
CRO is an integral part of building a successful website. The goal is to get the best ROI possible and to thrive, no matter how strong your competition might be. Since less than 5% of the population suffers from color blindness, color theory should be explored.
According to Bryan Eisenberg, businesses can spend $92 to increase their site traffic, but only $1 to convert those visitors to customers. “I know that half of my ad dollars are wasted, I just don’t know which half,” says John Wanamaker.
If you’re not testing, you’re probably leaving money on the table. When customers visit your store, site or landing page, what else happened? You’ve set a goal, but if that goal isn’t met, how will you know what to change?
Here’s an example: If 10,000 people visited your site and 100 subscribed to your list or placed an order, your conversion rate is 1%. Optimization simply means improving every element to get better results.
In this section, you’ll learn the role that color plays in conversion rate optimization. Everything still boils down to testing, if you want to determine the best colors for your website, product packaging or landing page.
According to Unbounce’s 2012 Conversion Rate Optimization Report, 46% of marketers see A/B testing as the best way to improve conversion rates.
A/B split testing can give you direct answers quickly. One recent study by Marketing Sherpa found that 75% of internet businesses find it a challenge to get the right expertise in landing page optimization projects.
When you become comfortable with A/B testing you’ll soon learn that even a tiny adjustment can make a whole lot of difference.
Here’s proof that CRO works. Walmart.ca upgraded to a responsive site and improved their conversion rate by 20%.
Another CRO example is TheTruckersReport.com, a network that helps professional truck drivers find job opportunities. The site was generating close to 1,000,000 visitors and more than 4,000,000 page views each month.
The landing page was improved, by making the headline stronger and clearer. The page was also optimized for mobile users and new images were added. After making these changes, their conversion rate improved by 79.3%.
There are lots of things that you can split-test on your site, but let’s focus on a few that are likely to have a significant impact.
1). Right colors for blog homepage elements: Over the years, experts have disagreed about the homepage’s relative importance.
Many marketers believe that the homepage is not as vital as other pages, but I think they’re missing out on something. As Jim Thomas said, your homepage is a peek inside your website and it has to be appealing.
In the blog homepage below, notice how Chris Ducker used matching colors for his logo and first-time visitor tab. With a dark background, he makes sure that his headline is brighter (white) and that the CTA is a bright lime color.
It’s important to align all of the elements of your blog homepage, such as headlines, call-to-action buttons, value proposition and positioning, with your marketing goal.
If your site homepage is mobile-friendly, it can increase your conversion rate by 67%. And, Google loves responsive design, too.
If you look at your Google Analytics, you’ll notice that the homepage receives more traffic than almost every other page.
2). Call-to-action colors: 70% of B2B sites don’t have clear calls-to-action. Having a clear CTA button with an appealing color can make a lot of difference in your conversion rate.
This shows that, like color, positioning is vital when it comes to converting users. For example, look at the homepage below, with the button on the right and the image of a smiling woman on the left:
Search Engine Journal found that the color red has the ability to evoke strong emotions and trigger a sense of expectation in the user. And, we’ve already seen how red is used to convey passion and intensity.
Now , with that in mind, take a look at the red Verizon Wireless call-to-action button. It perfectly complements the logo, the menu bar and the link color.
For your call-to-action, if you want readers to experience that same sense of arousal and expectation, maybe a red CTA button is what you need.
On the other hand, maybe yellow would work best for you. It puts you in the “limelight” and stands out from every other element on the same page. See an example:
Personally, I’ve seen huge success with my yellow call to action button on QuickSprout.com. I made sure it stood out and had no overlapping elements – thus, it’s clear, attractive and inviting.
Note: Remember, there’s no perfect color for any specific emotional state. You can’t accurately say “red is the best color for CTAs,” or that “green symbolizes wealth and productivity, which means that you should always use it in those niches.” There is no one color rule – you just have to test out options for yourself.
To explore how different colors can improve conversion rate, depending on industry or product, let’s look at how a major European ecommerce store changed their button color from blue to green and increased CTR and sales by 35.81%.
Initially, their blue CTA button had a sharp edge, but when they tweaked the color to green, they decided to also try curved edges – and saw a significant click-through rate increase as a result.
On the other hand, Unbounce boldly declared, after a series of tests, that the future of call-to-action buttons is the Big Orange Button.
Dmix also tested over 500 subjects on different button colors. More specifically, they tested green against red and found that red improved conversion by 34%.
Instead of getting creative with modern CSS, Bing decided to go with the traditional blue color for links. Interestingly, they increased revenue by $80 million.
One of the reasons why they saw increased revenue is because millions of people from all walks of life are used to the color of links being blue. Back in the early days of the web, when sites were all basic HTML, blue was the default color for links. That underlined blue has become a clue for links.
3). F-shaped pattern: In order to use color effectively on your homepage, you need to understand the “F-shaped pattern.” Once you understand how your visitors will most likely scan and read your page, you’ll be better at choosing and placing the right colors on it.
NNGroup explains it well:
Here’s the heatmap for the F-shaped pattern:
From the pattern, you can see that when users visit a particular site, they’ll first scan the content, then start reading from left to right. As a smart marketer, you can increase conversion rates by taking advantage of the F-shaped pattern.
Positioning is also important to the effective use of color on your page. For example, most people believe that placing the call-to-action above-the-fold will produce the best results, as Unbounce did here:
But, as I said earlier, it’s not always true. In fact, not following the wisdom of the crowd may bring you the best results. For example, Michael Lykke Aagaard increased his conversion rate by 304%, when he moved the CTA far below-the-fold.
By combining a solid understanding of color psychology and the placement/positioning of elements, you can greatly improve your conversion rate.
My goal for this in-depth article was to show you the various opportunities that colors can bring to your site and how they can help you improve your conversion rate. That requires at least some understanding of the psychology of color and of consumers. Your visitors, after all, are human beings – not robots.
Of course, they’re all individuals with different tastes and backgrounds. But, as a group, they do tend to follow certain patterns while making buying decisions. Pricing, discounts and great customer service are not the only elements that can affect conversions.
We call it conversion rate optimization for a reason – just like SEO, it’s an ongoing process where you’re always working to improve your results.
Colors add beauty, meaning, warmth and action to your site. Don’t just use any color and assume that you’ve hit a home run – make sure you test it.
How has the psychology of colors affected your conversion rate?