What the research does and does not say
In a review in the mid 2010s, Elliot and Maier concluded that colour can affect how people feel and act, but they were careful about it. The field is young, many findings have been hard to repeat, and effects depend on who is looking and why. That is a long way from a rule like red creates urgency.
Marketing psychology attracts plenty of bold claims, so when an article promises that one colour lifts sales, be sceptical. You will often see a claim that people form snap judgements within a minute and a half and that most of it is colour. That figure is not reliably sourced, and it should not shape your branding.
Brand personality is real but loose
Labrecque and Milne, writing in the early 2010s, found that colours carry associations with brand personality. Blue tends to suggest competence, and other hues lean towards excitement or sincerity. These are tendencies, and they shift with the product and the audience.
Picture a nursery and garden centre near Agassiz choosing a logo. Green looks obvious, and everyone in the category uses it. A deep green with a warm clay accent might feel more distinct and still fit. The point is fit and recognition, not a secret formula. A palette works when customers can tell it is you, which is worth settling before a new website is built.
Contrast decides whether a button is seen
The best known myth is the winning button colour. A button gets noticed because it differs from what surrounds it. A bright orange button on an orange banner disappears. A dark navy button on a pale page stands out, whatever the hue. Fixing this is a classic first step in conversion rate optimization.
Contrast also decides whether text is readable, which matters for older visitors, bright phone screens and anyone with colour-vision differences. Check text and buttons against their backgrounds with a free contrast checker. Do not rely on colour alone to show an error or a required field. Add a label or an icon as well. Good web design builds these checks in from the start.
Culture, context and the product
Meaning changes with context. Red can read as warning, as appetite or as celebration depending on the page and the culture of the viewer. A Fraser Valley business serving a mix of communities should not assume a single set of associations.
Photography and video colour matter too. A farm stand photographed in flat grey light feels very different from the same stand in warm morning sun. That is craft, handled in video production and photography, rather than psychology. Keep skin tones, produce and finished work looking true, because customers compare what they see online with what arrives.
How to test colour on your own site
Because the research cannot tell you what works for your visitors, your own test can. Change one thing, such as the contrast of the main button, and compare how many visitors take the next step over a few weeks. The conversion rate calculator on this site can help you work out what a small lift would be worth before you start.
Resist testing five changes at once, because you will not know which one mattered. Keep a note of what you changed and when. If a result is small, treat it as noise until it repeats. For a bigger picture, the growth check can show whether colour is even your biggest problem.
- Check every button and link against its background for strong contrast
- Limit your palette to one main colour, one accent and neutrals
- Show errors with words or icons as well as colour
- Test one colour change at a time and record the date
- Photograph products and work in consistent, true-to-life light
Plan for dark mode and accessibility into 2027
More visitors now use dark mode, large text and high-contrast settings, and that trend will continue through 2027. A palette that only works on a white page can fail on a phone set to dark. Build a small set of colour roles and check each in both light and dark. Accessible colour is good for everyone and keeps buttons visible in more situations.
- 01Define colours by role, such as text, surface and action
- 02Check your site in dark mode on a phone
- 03Recheck contrast whenever you change a logo or banner
Questions & answers
There is no reliable rule. What matters is that the button contrasts with the page around it. A red button on a red section is invisible, while a green one on white may stand out. Test it on your own page.
Choose colours that suit your category and make you recognizable, then make sure text and buttons have strong contrast. There is no universal best colour. Look at your competitors and aim to look like yourself, not like them.
Parts of it are studied seriously, such as associations between colour and brand personality. Reviews call the field young, with effects that depend on context. Treat dramatic claims as marketing talk and test what you can on your own site.
Use a free contrast checker to compare text and background colours, and look at your page on a phone in bright light. A web design review can also check these details across the whole site.
