WebEngine

0%
Branding

Colour Psychology in Branding, Minus the Mythology

What research actually says about colour perception, why context beats hue, and how to pick a palette that works on contrast and accessibility.

Pavlo7 min read

Search for "colour psychology" and you get the same infographic: blue means trust, green means health, red means urgency. By that logic Coca-Cola sells urgency and YouTube sells danger. Colour associations do exist, but the effect is small, culture-dependent, and almost always beaten by the context in which the colour is seen. Below is the part of this topic with practical value, how to assign roles inside a palette, and which numbers here owe nothing to taste.

4.5:1

minimum contrast for body text

3:1

for large text and interface elements

1

accent colour is all you need

~8%

of men cannot separate red from green

What survives scrutiny in colour psychology

Colour-emotion associations are measurable, but the effect is small and unstable: it shifts across cultures, across age groups, and even with the object being asked about. The same hue reads differently on a car, on medication and on a banking app. Only three things are practically useful.

  • Recognition. A consistently applied colour genuinely helps people identify a brand in a feed before reading the name. That works through repetition, not through the "meaning" of the hue — so not changing the colour matters far more than guessing the right one.
  • Category fit. A colour that contradicts expectations in your niche has to be compensated for elsewhere in the communication. That is not a prohibition: deliberately breaking category convention is a real differentiation tool, but it should be a decision, not an accident.
  • Distance from neighbours. If every competitor is blue, one more blue makes you invisible in a list of search results. Of all selection criteria, this is the most practical one.

Context beats hue

The same red means "sale" on a banner, "error" in a form, "premium" on a wine label and "stop" on a road. What changes is not the colour but the frame around it: shape, typography, surroundings, prior experience with the category. Choosing a palette by meaning while ignoring the medium is choosing at random.

The practical takeaway is simple. Instead of asking what emotion a colour evokes, ask two other questions: does it separate us from competitors in the places where we appear next to them, and does it survive every technical condition — dark mode, print, small sizes, overlay on photography.

A brand colour does not have to mean the right thing. It has to be recognisable, consistent and legible under the worst reproduction conditions you will face.

A palette is a set of roles, not a mood

The most common mistake in assembling a palette is thinking of it as a row of attractive swatches. A working palette is built from functions: every colour has a job, and the number of colours follows from the number of jobs.

RoleHow manyWhere it is used
Primary, brand1Logo, header, large identity surfaces
Accent, action1Buttons, links, focus states — and nowhere else
Neutrals3–5Text, backgrounds, borders, disabled states
Semantic3Success, error, warning — kept out of the brand set
Dark-mode extension4–8The same roles, recalculated against a dark ground
A palette of seven "brand colours" means in practice that there is no brand colour.

The rule that matters most is keeping primary and accent apart. If the enquiry button is painted the same colour as the header, the logo and the decorative panels, it stops reading as an action. This is one of those corrections that visibly changes on-page behaviour without any redesign.

Contrast is the one part where taste has no vote

Everything above is arguable. Contrast is not: it is a number produced by a formula, and it either clears the threshold or it does not. WCAG sets the minimums that browsers and accessibility audits both work from.

Palette checks before sign-off

  • Body text sits at 4.5:1 or better against its background
  • Large text from 24px (or 19px bold) sits at 3:1 or better
  • Icons, input borders and focus states reach at least 3:1
  • No meaning is carried by colour alone — a label or icon accompanies it
  • The accent colour is checked separately on light and dark grounds
  • The palette has been reviewed through a deuteranopia simulator

Mistakes that end in a rebuild

  1. 1Picking a palette from a mood board rather than from legibility in the product. Beige text on cream looks refined in a mockup and collapses on a phone in daylight.
  2. 2Copying the category leader. Similarity reads as being second-rate, and on a search results page you simply merge into one blur with them.
  3. 3Using the primary colour as the accent. The button stops being a button and the page loses its entry point into action.
  4. 4Ignoring dark mode until later. A colour that is perfect on white often falls apart on a dark ground, and the site ends up patched with style exceptions.
  5. 5Defining colours in HEX only. The print shop gets an approximation, and the brand colour on your card will not match the screen.

A palette is not a standalone artefact: it lives with the mark and the typefaces, and it gets documented in the brand rules. Assembling the full kit is covered in our guide to brand identity, and colour checks on the mark itself sit inside the logo design process. The technical side of contrast and interface requirements is unpacked in the website accessibility guide.

Frequently asked questions about brand colour

Is it true that blue conveys trust?

Partly — the association exists, but the effect is small and heavily dependent on category and culture. Blue became dominant in finance and technology through industry convention rather than any property of the hue itself. It is more useful to choose a colour by how far it separates you from competitors and whether it survives contrast requirements.

How many colours should a brand palette have?

One primary, one accent and three to five neutrals covers most companies. Three semantic colours for success, error and warning states are added separately, because those should never come from the brand set. If there are seven "brand colours", none of them gets the repetition needed to become recognisable.

Does button colour affect conversion?

What affects it is contrast against the surroundings and whether that colour is unique on the page, not the hue itself. A green button on a green site performs worse than a grey one on white. Before testing shades, make sure the action colour appears nowhere else — that produces a far bigger effect on landing page conversion than choosing between orange and red.

How do I choose a colour when every competitor looks alike?

Put ten competitor logos on one sheet and look for the unoccupied regions of the colour wheel. Stepping outside the category norm is a legitimate tool as long as the rest of your communication supports the positioning. The risk is manageable: contrast and legibility are unaffected, and recognition improves.

What if the brand colour fails contrast requirements?

Add a darker version of the same hue to the palette and use it for text, buttons and input borders. The original colour stays on large surfaces — covers, banners, headers — where the 4.5:1 rule does not apply. That keeps recognition intact while staying inside accessibility requirements.

In short

  • Colour associations exist but are weak and contextual. Consistency matters more than picking the "correct" hue.
  • Build the palette from roles: primary, accent, neutrals, semantic, plus a dark-mode extension.
  • Contrast is non-negotiable: 4.5:1 for body text, 3:1 for large text and interface elements.
  • The most useful selection criterion is how far a colour separates you from competitors where buyers see you side by side.
Share
  • colour
  • branding
  • design

Related reading