Colours decide the first impression before a person reads a single word. But there is no colour that sells by itself. What works is a colour that fits what you offer and a colour that is clearly visible on the page or in the email. In this article you will find what research says about the effect of colours, how to choose a button colour, what contrast text needs and how the colours of the year changed from 2000 to 2026.
In a nutshell
- People make up their minds within 90 seconds and 62 to 90 % of that assessment is based on colours.
- There is no universal meaning of colours. Associations differ by culture, age and personal experience.
- Whether the colour fits the product matters more than the specific shade.
- For a button, contrast with its surroundings is what counts, not whether it is red or green.
- Normal text needs a contrast ratio of at least 4.5 : 1. White on yellow does not meet it.
- According to Pantone, the colour of the year 2026 is the white Cloud Dancer. Do not change your brand colours because of it.
In short: what colours do, what they do not do, what to watch out for and where to start
- What colours do: they set a brand and its products apart and evoke emotions in customers.
- What they do not do: they do not sell by themselves. A red button will not save an offer nobody understands.
- What to watch out for: contrast, colour-blind readers, dark mode and the different meaning of colours abroad.
- Where to start: one main brand colour, one accent colour for buttons and a measured text contrast.
What has changed since the article was published: The article came out in 2020 and ended with the colours of the year 2021. We have added an overview of the Pantone colours of the year from 2000 to 2026 with swatches, data on colour popularity, the rules of contrast and accessibility, dark mode in emails and a procedure for choosing colours. We have also corrected a figure from the original infographic. The correct range from the study is 62 to 90 %, not 60 to 92 %.
Why colours matter
Red and yellow are the colours of love and happiness. Together with orange they belong to the so-called activating colours, which bring optimism and joyful emotions. No wonder so many fast food brands have bet on yellow and red.
But colour psychology is far from being only about fast food. Colour psychology is a field that studies how colours influence people's perception, mood and behaviour. According to some studies, it is colour that plays a crucial role in how your product is perceived and judged. It is simply one of the most important factors in setting your brand apart, and it also makes the first impression.
The most frequently cited figure comes from the review study by Satyendra Singh from 2006. According to it, people make up their minds about a person or a product within 90 seconds of the first encounter, and 62 to 90 % of that assessment is based on colours alone.
What exactly do colours do? They serve two purposes. They set a brand and its products apart and they spark emotions in customers.
What the individual colours mean
The following overview shows what most people in Europe and North America associate the basic colours with. Take it as a starting point, not as a law.
Eight basic colours and their most common associations
- Blue #27348B Trust, security and reliability
- Green #3AAA35 Calm, nature and harmony
- Red #CD1719 Love, passion and energy
- Purple #8B1D82 Nobility and exclusivity
- Yellow #FFDD00 Optimism, happiness and hope
- Orange #F39200 Friendliness and the urge to act
- White #FFFFFF Elegance and purity
- Black #000000 Luxury and authority
| Colour | How it comes across | Where it fits | What to watch out for |
|---|---|---|---|
| Blue | Symbolises trust, security and reliability | Finance, technology, B2B services | It is the most common one, so it is harder to stand out with it |
| Green | Has a calming effect and creates a feeling of harmony | Ecology, health, confirmation and success | In China, a green head covering is associated with infidelity |
| Red | Is a synonym for love, passion and energy, and stimulates the appetite | Discount offers, sales, alerts | It also means an error and a prohibition |
| Purple | Tends to be associated with nobility | Cosmetics, premium products | In some parts of the world it is the colour of mourning |
| Yellow | Catches the eye first among other colours and embodies optimism | Highlighting, special offers, children's products | It is treacherous, tires the eyes and white text on it is not legible |
| Orange | Does not score in popularity rankings, yet comes across as positive | Call to action (CTA) buttons | It tends to have weak contrast with white text |
| White | Represents elegance and purity in America and Europe | Backgrounds, white space | In parts of Asia it is the colour of mourning |
| Black | Combined with white it is a sign of luxury | Expensive brands, fashion | Large black areas in an email feel heavy |
Red awakens urges, including the urge to buy, which is why it is ideal for discount offers, sales and similar messages.
Why there is no universal meaning of colours
Theory is one thing, but assigning a universal reaction to a colour is complicated by the fact that colour associations differ greatly both from person to person and across cultures.
Jan SpáčilCEO QuandaThe claim that blue evokes competence is only true to a certain extent. How you perceive a colour is influenced by where you grew up, by your experience and by the brand you associate it with.
| Colour | Europe and North America | Elsewhere in the world |
|---|---|---|
| White | Purity, weddings | In China and other East Asian countries the colour of mourning and funerals |
| Red | Love, but also danger and a fall on the stock exchange | In China good luck and prosperity, and a rise on the stock exchanges there |
| Green | Nature, permission, success | In China, a green hat is a symbol of infidelity |
| Yellow | Optimism, but in Germany also envy | In China traditionally the imperial colour |
| Purple | Nobility, luxury | In Thailand and Brazil the colour of mourning |
The popularity of colours differs too. In 2015, YouGov asked people in ten countries on four continents about their favourite colour. Blue won in all of them, with a share ranging from 23 % in Indonesia to 33 % in Great Britain. The second places already differed. In Thailand, China and the USA green came second, in Germany, Britain, Singapore and Indonesia it was red, and in Hong Kong purple.
| Group | Share |
|---|---|
| Men, USA |
40%
|
| Men, Great Britain |
40%
|
| Women, Great Britain |
27%
|
| Women, USA |
24%
|
So blue leads among both men and women, but more markedly among men.
What research says about colours
So what strategy should marketers choose when there is no universal meaning of colours? Research shows that colour influences consumer behaviour in two key ways.
Fit with the brand. Consumers clearly prefer brands and products whose colours match their purpose, for example green for ecological products. In 2006, Paul Bottomley and John Doyle showed that people expect rather sober colours for practical products and bold colours for products that are meant to bring joy. In 2012, Lauren Labrecque and George Milne described how colour also shapes the "personality" of a brand. In their study, red increased the impression of excitement and blue the impression of competence.
Attracting attention. Red buttons will not lure consumers into clicking on web pages overloaded with red. On pages where white prevails, however, they are much more likely to click on them. Psychology calls this the isolation effect. We remember and notice sooner an element that differs from its surroundings.
| What we know | Figure | Source |
|---|---|---|
| Time in which a person makes up their mind | 90 seconds | Singh, Impact of color on marketing, 2006 |
| Share of the assessment based on colours alone | 62 to 90 % | Singh, Impact of color on marketing, 2006 |
| Share of people whose favourite colour is blue | 23 to 33 % depending on the country | YouGov, 2015 |
| By how much the red button beat the green one | 21 % | HubSpot, button test on the Performable page, 2011 |
| Home pages with low contrast text | 83.9 % | WebAIM Million, 2026 |
| Men with a colour vision deficiency | roughly 8 % | Birch, Worldwide prevalence of red-green color deficiency, 2012 |
Which colour to choose for a button
Are you looking for a colour for the call to action buttons on your website or in your email? Red or orange works well. Not because they are magical, but because on most websites and in most emails they are not used anywhere else.
The best-known button colour test proves it. In 2011, HubSpot compared a green and a red button on the Performable page. The red one got 21 % more clicks. But the page was designed in green tones, so the green button blended in with it and the red one stood out. The authors of the test themselves pointed out that the result cannot be transferred to another website.
Three rules therefore apply to a button:
- The button colour must not be repeated on other elements in the email or on the page.
- The text on the button must be easy to read. The contrast ratio decides, not the impression.
- Leave empty space around the button so that it does not compete with images and other links.
The following swatches show how the same button colour holds up with white and with dark text. The number under the swatch is the contrast ratio.
Text on a button: what is legible and what is not
- White on yellow #F5DF4D / #FFFFFF 1.3 : 1 Fails
- Dark on yellow #F5DF4D / #1F2430 11.4 : 1 Passes
- White on orange #F28C00 / #FFFFFF 2.4 : 1 Fails
- Dark on orange #F28C00 / #1F2430 6.3 : 1 Passes
- White on coral #FF6F61 / #FFFFFF 2.7 : 1 Fails
- White on dark orange #C2410C / #FFFFFF 5.1 : 1 Passes
- White on red #BF1932 / #FFFFFF 6.1 : 1 Passes
- White on blue #0F4C81 / #FFFFFF 8.8 : 1 Passes
Tip: Not sure whether to go for an orange or a blue button? Do not guess. In Quanda, create an A/B testing campaign as described in the guide How to create and set up an e-mail campaign with A/B testing, change only the button colour in the two versions of the email and compare the clicks.
Contrast and accessibility: so that everyone can read the text
The contrast ratio is a number from 1 to 21 that expresses the difference in brightness between the text and the background. Black text on a white background has a ratio of 21 : 1, text of the same colour as the background 1 : 1.
The international WCAG accessibility guidelines set these thresholds:
| Element | Minimum contrast ratio |
|---|---|
| Normal text | 4.5 : 1 |
| Large text, roughly from 24 px or from 19 px in bold | 3 : 1 |
| Controls and graphics that carry information, for example a field outline or an icon | 3 : 1 |
Source: W3C, Web Content Accessibility Guidelines 2.2, criteria 1.4.3 and 1.4.11.
Low contrast is in fact the most common accessibility error of all. Every year, the organisation WebAIM tests the one million most visited home pages.
| Year | Share of pages |
|---|---|
| 2019 |
85.3%
|
| 2020 |
86.3%
|
| 2021 |
86.4%
|
| 2022 |
83.9%
|
| 2023 |
83.6%
|
| 2024 |
81.0%
|
| 2025 |
79.1%
|
| 2026 |
83.9%
|
So four out of five websites have text that some people find hard to read. Those who keep an eye on contrast are more legible than most of the competition.
The second reason is colour vision. According to a 2012 review study by Jennifer Birch, a red and green colour vision deficiency affects roughly 8 % of men and 0.5 % of women of Northern European descent. To these readers, red and green text can look the same.
Watch out: Do not convey information by colour alone. "Dates marked in red are taken" is something part of your readers cannot tell apart. Add a word, an icon or an underline. Keep links in the text underlined.
Colours in email: brand, dark mode and landing page
Compared with the web, email has one specific feature. You do not know in which app and in which mode the recipient will open it.
Stick to your brand colours. People first look at who is writing to them. The same colours in all emails help them recognise you before they start reading.
Count on dark mode. Some email apps change the colours by themselves in dark mode. They darken a light background and lighten dark text. A logo with a transparent background and dark lettering can then blend in with the background. A logo with a light outline or on its own backing helps, and so do mid tones instead of pure white and pure black.
Match the email with the landing page. The email and the page it leads to should work like a mirror. The same images, the same button colours, the same headline. After clicking, the reader then does not hesitate even for a second whether they are in the right place.
Match your forms too. In Quanda, in the Design section of an active form, you adjust the colour, the background, the font size and the font family. More in the guide Form design.
Other mistakes that reduce the number of clicks in emails are described in the article 8 mistakes that threaten the click-through rate of your newsletter.
Pantone colours of the year from 2000 to 2026
The colour of the year is a shade announced every December by the American Pantone Color Institute as a symbol of the mood of the coming year. Pantone is the creator of the system by which colours are identified in print, fashion and design. It has been choosing a colour of the year since 2000.
Pantone colours of the year 2000 to 2026
- 2000 Cerulean #9BB7D4 15-4020
- 2001 Fuchsia Rose #C74375 17-2031
- 2002 True Red #BF1932 19-1664
- 2003 Aqua Sky #7BC4C4 14-4811
- 2004 Tigerlily #E2583E 17-1456
- 2005 Blue Turquoise #53B0AE 15-5217
- 2006 Sand Dollar #DECDBE 13-1106
- 2007 Chili Pepper #9B1B30 19-1557
- 2008 Blue Iris #5A5B9F 18-3943
- 2009 Mimosa #F0C05A 14-0848
- 2010 Turquoise #45B5AA 15-5519
- 2011 Honeysuckle #D94F70 18-2120
- 2012 Tangerine Tango #DD4124 17-1463
- 2013 Emerald #009473 17-5641
- 2014 Radiant Orchid #B163A3 18-3224
- 2015 Marsala #955251 18-1438
- 2016 Rose Quartz #F7CAC9 13-1520
- 2016 Serenity #92A8D1 15-3919
- 2017 Greenery #88B04B 15-0343
- 2018 Ultra Violet #5F4B8B 18-3838
- 2019 Living Coral #FF6F61 16-1546
- 2020 Classic Blue #0F4C81 19-4052
- 2021 Ultimate Gray #939597 17-5104
- 2021 Illuminating #F5DF4D 13-0647
- 2022 Very Peri #6667AB 17-3938
- 2023 Viva Magenta #BB2649 18-1750
- 2024 Peach Fuzz #FFBE98 13-1023
- 2025 Mocha Mousse #A47864 17-1230
- 2026 Cloud Dancer #F0EEE9 11-4201
Looking at the whole series, several things stand out:
- Blue and turquoise shades come back most often. Cerulean, Aqua Sky, Blue Turquoise, Blue Iris, Turquoise, Serenity and Classic Blue. This matches the fact that blue is the most popular colour in the world.
- A pair of colours won twice. In 2016 Rose Quartz and Serenity, in 2021 Ultimate Gray and Illuminating.
- After a saturated decade came a calming down. Since 2024 Pantone has been choosing muted, natural tones: peach, brown and white.
- White won for the first time. Cloud Dancer for 2026 is the first white shade in the history of the selection.
Colours of the year 2021: grey and yellow
For 2021, the Pantone Color Institute chose a combination of two colours, namely the grey Ultimate Gray (PANTONE 17-5104, RGB 147, 149, 151, #939597) and the bright yellow Illuminating (PANTONE 13-0647, RGB 245, 223, 77, #F5DF4D), which replaced the blue Classic Blue from 2020.
The union of these two different, independent shades is meant to emphasise the strength that arises from their mutual support and harmony. The combination of grey and yellow expresses warmth and optimism at the same time. It is meant to be a story that evokes pleasant feelings in us and gives hope for the future.
It is also a good example of why not to adopt the colour of the year without thinking. White text on the yellow Illuminating has a contrast ratio of only 1.3 : 1, and grey Ultimate Gray text on a white background 3 : 1. Neither combination is enough for normal text.
Colour of the year 2026: Cloud Dancer
For 2026, Pantone chose the shade Cloud Dancer (PANTONE 11-4201), a warm white. The institute describes it as a symbol of calming down in a society that is rediscovering the value of quiet reflection. For emails and websites this is no revolution. White is the most common background colour, and white space around text and buttons is one of the cheapest ways to make a message clearer.
How to choose colours for an email and a website in 6 steps
- Start from your brand colours. Take the main colour from your logo and use it the same way in all emails, on the website and in forms.
- Check that the colour matches what you sell. Ask a few customers what your colours remind them of.
- Choose one accent colour for buttons and links only and do not use it for anything else.
- Measure the contrast, for example in the developer tools of the Chrome browser (right-click, Inspect, Styles panel, colour swatch). Text should have a ratio of at least 4.5 : 1 against the background, and so should the text on a button.
- Do not rely on colour alone. Back up important information with text, an icon or an underline.
- Send yourself a test email, look at it on a mobile phone and in dark mode, and verify the button colour with an A/B test.
Colour check before sending an email
- The colours match the brand and the landing page.
- The accent colour is only on buttons and links.
- The text on the button is legible on a mobile phone in sunlight too.
- Grey text is no lighter than necessary.
- No information is conveyed by colour alone.
- The logo is visible in both light and dark mode.
Final word
Colours are not a science with a single correct result. But it pays to know a few rules that always apply: the colour should fit what you offer, the important element should be visible and the text should be readable. Verify everything else on your own customers.
How to build an email from the subject line to the button is explained in the online course Email Copywriting and Design That Gets Read. If you would like to go through the look of your campaigns with us, write to us at support@onquanda.com or book a free consultation.