{"id":513,"date":"2021-06-16T18:39:17","date_gmt":"2021-06-16T17:39:17","guid":{"rendered":"http:\/\/absoluted-2023.test\/?p=513"},"modified":"2026-10-27T12:56:36","modified_gmt":"2026-10-27T12:56:36","slug":"colour-psychology-in-cta-design","status":"publish","type":"post","link":"https:\/\/absolute.digital\/ae\/insights\/colour-psychology-in-cta-design\/","title":{"rendered":"Colour Psychology In CTA Design"},"content":{"rendered":"

This article is not about finding the winner of a colour popularity contest in a call to action design. You also won\u2019t learn the best colour for landing pages in order to increase your conversion rates. What you will learn however, is that there is no mysterious recipe needed for every situation. You will learn that the \u2018secret\u2019 is not using a certain colour, but knowing when, why and how to select a colour that can work effectively for a certain type of audience, based on a solid analysis of each particular situation.<\/p>\n

If you have reached the point where you need to choose a CTA (call to action) colour for your new campaign\/landing page, this post can help you rationalise every step you need to take to ensure you are making the best possible decision for your brand.<\/p>\n

What Is Colour? Colour Science To The Rescue<\/h2>\n

Colour is the property of an object to produce visual perceptions on the eyes that are interpreted by your brain, as a result of how it reflects or emits light. Sounds complicated, right? To put it in simple terms: the light receptors in your eyes detect electromagnetic radiation, the brain then interprets that information and you are able to see the light spectrum of each object.<\/p>\n

Despite the fact human eyes can see nearly 10 million shades of colours, we are limited and can only see the Visible Spectrum of light. A human eye will detect wavelengths from 390 to 700 nm with frequencies of 430\u2013770 THz. One important aspect to remember is the fact colour is a matter of perception. Two human beings may perceive the same object\/colour differently based on both physical and psychological factors.<\/p>\n

The use of colour in web design<\/a> has changed over the years. When the internet was in its early stages, people used to experiment frequently. On many occasions, people would break and push the boundaries of colour theory and composition.<\/p>\n

It hasn\u2019t always resulted in great designs, but it enabled experiments to be made and for us to have a better understanding of how user interfaces best work and how we can use every single aspect of design to influence the user experience. Design has evolved, and now user interface design has become a much more precise field, with certain rules and guidelines that the previous experimentation years made possible. It would be nearly impossible to analyse all the colours used in CTA\u2019s on the internet, as that would require a huge amount of resources, so we will only concentrate on the ones that are used most often.<\/p>\n

In a study completed by Chartboost regarding the selection of colours for CTA\u2019s, they analysed the distribution of colours in CTA buttons for the top 200 global ad creatives. The results can be used to better understand which are the most commonly used CTA button colours worldwide. Clearly, the most used colours are red, green and orange, with yellow, blue and purple following closely. A much lower percentage are using colours like grey, white and black.<\/p>\n

 <\/p>\n

\"colour<\/p>\n

Psychology of colour \u2013 things are more complex than the generic perception of blue meaning security and red indicating stop.<\/p>\n

So let\u2019s focus on the most used CTA colours: red, green, orange, blue, yellow and purple. Basic colour psychology can tell us more about each of these colours:<\/p>\n

Red, the colour of blood can be associated with energy, speed, strength, love, power, but also war, danger and anger.<\/p>\n

Orange combines the energy and speed of red with the joy of yellow. Orange can communicate happiness, creativity and enthusiasm.<\/p>\n

Green is the colour of nature. It communicates growth, freshness, safety, trust, stability. Green is commonly associated with finances and \u2018green\u2019 products.<\/p>\n

Blue is the colour of the sky and it symbolises trust, wisdom, confidence and truth. Statistics also say blue is a masculine colour, as more than 57% of males prefer it.<\/p>\n

Yellow is the colour of the sun. It often associated with energy, happiness, warmth and innovation. Yellow is perceived as a playful and cheerful colour.<\/p>\n

Purple combines features from both red and blue, being associated with energy and stability, but also royalty. It can communicate power, luxury and wealth.<\/p>\n

These are just some very rough psychological properties of colours. Things are far more complex than that. Colour psychology also depends on other factors that greatly influence the emotion generated by a certain colour. Let\u2019s take the colour red for example. In the western world, the colour symbolises energy, love, passion and anger, in China, it symbolises good luck, vitality and long life, in India purity, fertility and beauty while in South Africa, for example, it\u2019s the colour of mourning.<\/p>\n

This illustrates how the same colour can invoke different emotions to different people. This is why we need to define your target audience before choosing a colour for your CTA. The good news is there are loads of colours to choose from and you can start by excluding colours that might not work for your audience.<\/p>\n

\"colour<\/p>\n

Implementing your new colour<\/h2>\n

So after careful consideration of your target market and a solid analysis of your product and conversion funnel, you finally chose a new colour to test against your current design.<\/p>\n

Before rushing into adding it to your landing page, please consider one important aspect: it will only work if it stands out from the rest of the elements on the landing page! For that to happen, we need to make sure your CTA colour is not used as a predominant colour for the rest of the landing page. Just imagine your landing page has a background image with a predominant red area. If your new CTA colour is red as well, its likely that it won\u2019t work very well for you. You could consider changing the image or the new CTA colour.<\/p>\n

A recent study has shown that 92.6% of people say the visual dimensions are the number one influencing factor that affects their purchase decision. You generally only have 90 seconds to convince a user to make a subconscious judgement about a product.<\/p>\n

That is why we must always make sure the CTA is \u2018isolated\u2019 by a certain amount of white space, so we can draw the user\u2019s attention towards it and make sure the colour is in contrast with the rest of the page. Don\u2019t just rely on the fact that the user \u2018can find it\u2019 in your page. Most users will bounce off your page if they do not find what they are looking for quickly.<\/p>\n

Again, don\u2019t forget about A\/B testing<\/h2>\n

Don\u2019t fall into the trap of thinking \u2018it\u2019s just a colour, what can possibly be the outcome of simply changing a CTA colour?\u2019 A lot of companies design beautiful landing pages, putting a lot of thought into each aspect, yet fail to test & improve one single aspect: the CTA (both copy & colour).<\/p>\n

One of the ways you can determine whether your new CTA colour works is by conducting an A\/B test. Let\u2019s take Performable for example, which conducted a simple A\/B test by changing the colour of their CTA and concluding that in their case, red beats green by 21%. Other tests have shown that green can outperform red and that green beats orange by 6.3%. It really is a matter of adapting the best colour for a certain target audience. So which colour should you use? The answer is simple: the one that works best for your scenario. Don\u2019t just take my word for it. Test it!<\/p>\n

\"colour<\/p>\n

Choosing the right CTA colour \u2013 your step by step checklist<\/h2>\n