Colour is a feeling you can measure.
Colour is usually the first thing people notice and the first thing beginners get wrong. This chapter covers the science, the psychology (and the myths about it), how brands pick colours, and how to build a palette that works.
Same app. Same words. Only the colour changes.
- RedReads as excitement and appetite. Research: red raises perceived "excitement" of a brand (Labrecque & Milne, 2012).
- BlueSwap one colour and it feels like a bank: calm, competent, trustworthy. Blue raises perceived "competence".
- GreenNow it's organic and healthy. Notice that nothing but colour changed.
- Black + goldDark, quiet, expensive. Luxury brands use restraint, not rainbows.
- The trapPale grey on white looks "clean" but fails contrast (about 1.5:1). Many people literally can't read it.
- The fixDark ink on white: about 18:1. Mood is a choice; readability isn't optional.
Every colour has three dials
Forget the 16 million colours. Designers think in three dials. Once you know them you can describe and fix any colour.
Hue
Which colour it is: red, blue, green. The position on the wheel.
Saturation
How intense it is, from grey (0%) to vivid (100%). Low saturation feels calm and premium; high feels loud and young.
Lightness (value)
How dark or light. The most important dial: contrast and readability live here.
Hue is which crayon you pick. Saturation is how hard you press. Lightness is whether you add black or white paint to it.
Screen vs paper
RGB
Red, Green, Blue light. Used for screens. Mixing all of them gives white.
CMYK
Cyan, Magenta, Yellow, Black ink. Used for print. Bright screen colours often print duller.
HEX / Pantone
#E2462B is just RGB written as code. Pantone is a numbered ink system so a brand's red is the same everywhere.
Recipes that always work
Colour harmonies are geometric patterns on the wheel. They're starting points, not laws. Play with the tool: drag the hue and switch recipes.
Why brands pick the colours they do
Colours carry associations, some biological (red = blood, alarm) and most learned from culture and from brands themselves. Here's what the research actually says.
Fresh lemonade, delivered cold.
Same words, same layout. Only one colour changes. Notice how the whole personality shifts.
Order now →In four studies, Labrecque & Milne found hue, saturation and lightness each shift perceived brand personality. Red raised perceived excitement, blue raised competence, and colour changed purchase intent. They also note that blue is the most common logo colour.
Labrecque, L. I. & Milne, G. R. (2012). Exciting red and competent blue. Journal of the Academy of Marketing Science, 40(5), 711–727.Bottomley & Doyle found people judge logo colours by how appropriate they are for the product. Functional products (tools, banks) suit functional colours like blue and grey. Sensory and social products (food, fashion) suit warm, expressive ones. There's no single "best" colour, only the best fit.
Bottomley, P. A. & Doyle, J. R. (2006). The interactive effects of colors and products on perceptions of brand logo appropriateness. Marketing Theory, 6(1).You'll see "62–90% of snap judgements are based on colour alone" everywhere. It comes from Singh (2006), a literature review, not a new experiment. Treat it as "colour matters a lot in first impressions", not a precise number. Psychologists Elliot & Maier also stress that colour effects depend heavily on context: red means "danger" on a sign and "love" on a card.
Singh, S. (2006). Impact of color on marketing. Management Decision, 44(6). · Elliot, A. J. & Maier, M. A. (2014). Color psychology. Annual Review of Psychology, 65.Common associations (Western-centric, with notes)
| Colour | Common associations | Typical industries | Culture notes |
|---|---|---|---|
| Red | Energy, urgency, passion, appetite, danger | Food, entertainment, sales, sport | Luck and celebration in China; bridal red in India |
| Orange | Friendly, affordable, playful, warm | Telecom, kids, budget brands | Saffron is sacred in Hinduism and Buddhism |
| Yellow | Optimism, attention, caution, cheap-and-cheerful | Fast food, signage, kids | Royal/imperial in historic China |
| Green | Nature, health, growth, money, "go" | Organic, finance, wellness | Strongly linked with Islam in many countries |
| Blue | Trust, competence, calm, technology | Banks, tech, healthcare, airlines | One of the most universally liked colours |
| Pink | Playful, sweet, youthful, romantic | Beauty, fashion, confectionery | Gender coding is recent and fading |
| Brown | Earthy, honest, rustic, warm | Coffee, chocolate, outdoor | Reads as "natural" almost everywhere |
| Black | Luxury, power, elegance, seriousness | Fashion, luxury, sportswear | Mourning in much of the West |
| White | Clean, simple, pure, space | Tech, healthcare, minimal brands | Mourning in parts of East and South Asia |
Colours are like music for your eyes. Red is drums, fast and exciting. Blue is a slow song, calm and safe. Brands pick the song that matches the mood they want you to feel.
The colour decision process
Professionals don't pick a colour because it's their favourite. They follow a process, roughly this one:
Write 3–5 personality words
"Playful, honest, fast" leads to very different colours than "calm, expert, premium".
Map the competitors
Lay out the logos of 10 competitors. If they're all blue (like banks), you have a choice: fit in to signal trust, or break out to be remembered. Pepsi went blue to stand apart from Coke's red. T-Mobile owns magenta in a sea of red and blue.
Check the culture
Where is the audience? White, red and green mean different things in different markets.
Pick one hero colour
A single ownable colour is worth more than five. Think Tiffany blue, Cadbury purple, UPS brown. (Some are even trademarked.)
Build the system around it
Neutrals for text and backgrounds, one accent, plus "semantic" colours: green for success, red for errors, yellow for warnings.
Test it
Check contrast, colour-blind views and print, and see it on a phone in sunlight. Then show real people.
Don't use your colours equally
Borrowed from interior design: about 60% dominant (usually a neutral), 30% secondary and 10% accent. The accent is your "red jumper", reserved for the things you want clicked or noticed.
Hover the bar: when the accent gets bigger, it stops being special.
If they can't read it, it isn't design
Around 1 in 12 men and 1 in 200 women have some form of colour-vision deficiency. Plenty more people are reading on a cracked phone in sunlight. That's why the Web Content Accessibility Guidelines (WCAG) set minimum contrast ratios.
Body text needs to be comfortable for long reading, for everybody.
Pro tip: avoid pure #000 on pure #FFF for long reading. A warm off-black on an off-white (like this page) is easier on the eyes and feels more crafted.
Homework
Steal from life
Take 5 photos of things you love (a market, a sunset, a café). Use Coolors or Adobe Color "extract from image" to pull a palette from each.
Competitor colour map
Pick an industry (food delivery, banks, sneakers). Put 10 logos on one page. What's the dominant colour? Where's the gap?
One poster, three moods
Design one simple poster, then recolour it three ways: exciting, trustworthy, luxurious. Ask friends to match the mood words.
Grey first
Design your next layout in greys only. Add colour last. If it works in grey, it works.