Why do users trust a blue button, pause at red, or feel calm on a minimalist white site? That’s colour psychology doing its thing – quietly nudging how we feel and act online.
Truth is, colour does more than just make your website look nice. Up to 60% of first impressions are based on colour alone. It shapes first impressions, builds trust, and can even steer what users do next.
Let’s dig into how colour works and how to use it wisely.
Colour Isn’t Just Visual – It’s Emotional
Think of colour like flavour: some tones are bold and spicy, others cool and refreshing. It’s not just how it looks – colour feels like something. The “Ketchup and Mustard Theory” explains why certain brands gravitate toward specific colour combos: red and yellow scream fast food because they hit our primal buttons of urgency and hunger.
Our brains are wired to react emotionally to colour.
The Psychology of Colour
So colour stirs emotion. But let’s dig deeper – because it’s not just about feelings, it’s about strategy. The right colour in the right place can earn trust, spark action, and become part of your brand’s story.
Warm Colours: Bold, Emotional, Action-Driven
These are your attention-getters. They pack energy and emotion, which makes them powerful – but they need a bit of care to avoid overwhelming users.
Red: The Attention Grabber
- Associated with urgency, passion, and appetite
- Shown to stimulate the hypothalamus, increasing heart rate and alertness
- Linked with impulse and appetite in Findlay’s fast food insight
Red is the colour of urgency. Of passion. Of appetite. It’s been shown to stimulate the hypothalamus – basically flipping your internal “wake up” switch. That’s why it’s often used in CTAs, sales promos, or anything that needs fast decisions.
But too much? It can feel intense or overwhelming. So use it with intent – not as a filler.
Red has been used by countless iconic brands, but perhaps none more recognisable than Coca-Cola.
From its earliest signage in the 1800s to today’s sleek cans, that vivid red isn’t just a design choice – it’s a brand promise. The red disc you spot on shopfronts? It tells you there’s something cold, fizzy, and familiar inside.
Coca-Cola uses red to trigger excitement, energy and instant recognition. Their VP of design even called it the company’s “second secret formula” – and honestly, it shows. When colour becomes that inseparable from your brand, you know you’ve done something right.
Yellow: The Optimist
- Associated with energy, optimism, and caution
- Shown to engage the brain’s left side, stimulating creativity and analytical thinking
- High visibility but can cause visual fatigue or anxiety when overused
Yellow is high-energy, high-visibility, and full of optimism. It activates the left side of your brain (hello, creativity), but it can tip into anxiety or eye strain if overused – especially on bright backgrounds.
Use it to add cheer, highlight details, or give your site a sense of energy. Just be kind to your contrast settings.
Yellow has popped up in plenty of powerful brand palettes, but perhaps the most successful – and accidental – use is by Post-it Notes. Their now-iconic canary yellow was chosen purely because it was the only paper available during testing.
Turns out, it was perfect.
The bright tone stands out without shouting, making it ideal for quick reminders and important thoughts. It’s a brilliant example of how visibility and usefulness can go hand-in-hand – and how a happy design accident can become global brand recognition.
Orange
- Associated with friendliness, affordability, and enthusiasm
- Increasingly used by modern brands for its bold, energetic feel
- Stimulates action while feeling less aggressive than red
Orange is what happens when red chills out. It’s still warm and bold, but more approachable – the kind of colour that says “click me” without yelling it. That’s why it’s a go-to for CTAs, sign-ups and anything action-oriented.
Orange has become a modern favourite, but one of the most enduring uses comes from Penguin Books. When Penguin launched in 1935, they used a distinctive orange cover to signal fiction – not to start a trend, but just to create a simple, visual system that made books more accessible.
That choice didn’t just stick; it became part of the brand’s DNA. The bright orange covers are now instantly recognisable, standing for bold thinking, democratic design, and literature for the masses. It’s proof that when colour is used with purpose, it becomes timeless.
Pink
- Associated with care, comfort, and modern femininity
- Now also signals wellness, vibrancy, and emotional intelligence
- Reclaimed as a confident, expressive colour in modern branding
Pink’s had a glow-up. What used to scream “feminine” now signals care, creativity and modern emotional intelligence. It can feel fresh and vibrant without being loud – especially when paired with clean layouts and contrast.
Pink has been embraced by plenty of modern brands, but few more visibly than Victoria’s Secret. Their ‘Pink’ range speaks directly to younger audiences with a tone of confident femininity. On their site, pink accents sit alongside black to highlight key details – pairing emotional softness with sleek, bold contrast.
In an industry once dominated by beige functionality, Victoria’s Secret used pink to make lingerie feel expressive, stylish and fun again.
Cool Colours: Calm, Trustworthy, Balanced
Cool tones help users breathe a little. They create space, clarity and confidence – which is exactly why they’re go-tos for high-trust industries.
Blue
- Associated with trust, calm, and reliability
- Shown to lower blood pressure and increase feelings of clarity and security
- Repeatedly cited as the world’s most preferred colour in multiple studies
Blue is the internet’s security blanket. It lowers blood pressure, builds trust, and consistently ranks as the world’s favourite colour.
That’s why it’s everywhere from bank logins to booking systems. It reassures users without trying too hard.
Blue appears in thousands of logos – but none with more trust baked in than the NHS. That signature shade – officially NHS Blue (Pantone 300) – has become a visual shorthand for care, reliability and national pride in the UK.
Introduced in the 1990s to unify the healthcare system, the “blue lozenge” logo now speaks volumes without saying a word. It’s recognisable to 98% of people and consistently evokes feelings of safety and reassurance. That’s the power of colour used with intention – not just to look good, but to mean something.
Green
- Associated with nature, health, and balance
- Conjures positive associations with growth, plants, money, and ethical choices
- Frequently used in CTAs due to associations with “go” or approval
Green does a lot of heavy lifting: it feels natural, calming, and trustworthy – but also energising.
It’s your shorthand for “go” – perfect for submit buttons, success states or ethical messaging.
Green shows up across industries, but Spotify’s take is a standout. Their vibrant, punchy shade cuts through the digital noise and signals creativity, freshness and energy. It’s not the calm green of a wellness spa – it’s the high-tempo green of discovery and innovation.
From curated playlists to new music drops, Spotify’s green captures that sense of constant movement and vitality. In a space crowded with neutral-toned competitors, their colour choice feels bold, dynamic and unmistakably theirs.
Purple
- Associated with creativity, luxury, and introspection
- Combines the emotional energy of red with the calm of blue
- Historically linked with royalty, spirituality, and premium products
Purple can help your site feel premium or imaginative. It’s effective for creative portfolios, wellness brands, or digital services that want to communicate depth and quality. It can also add emotional richness to landing pages or overlays.
Purple has long been used to suggest indulgence – and few brands own this as well as Cadbury. Their distinctive shade (Pantone 2865c) has wrapped Dairy Milk bars for over a century, originally as a tribute to Queen Victoria. Cadbury’s bold move to trademark the colour (and defend it fiercely in court) speaks volumes about its brand power. This isn’t just packaging – it’s emotional shorthand for indulgence, quality, and heritage.
When you see that purple, you don’t need a logo to know what you’re getting. That’s the power of owning a colour.
Neutral Colours: Understated, Timeless, Supportive
Neutrals are your design’s unsung heroes. They rarely shout for attention – and that’s exactly why they work so well. Think of them as the scaffolding that holds everything together: giving structure, creating space, and letting your real stars shine.
Black adds weight, contrast and clarity. White brings breathing room. Greys and beiges soften things out, add warmth, and help everything feel balanced. On their own, they can risk feeling a little cold or clinical – but used together? That’s where the magic happens. You get clean, confident, quietly powerful design that feels modern without trying too hard.
You’ll see luxury brands nail this all the time – black and white for drama, greys and creams for elegance, or off-whites paired with dark accents for that timeless, editorial feel. On websites, neutrals do the heavy lifting: they frame your content, guide the user’s eye, and make bold colours pop exactly where you need them to.
Neutrals might not steal the show – but without them, the whole design falls flat.
Few brands exemplify this better than Apple. Their signature aesthetic – crisp whites, clean black type, soft greys – isn’t just about looking sleek. It reflects a deeper philosophy of clarity and focus. By stripping away noise, Apple uses neutrals to shine a spotlight on what matters: the product, and the experience of using it.
Choosing and Using Colour Effectively in Web Design
Colour isn’t just a layer of polish at the end of a project – it’s a strategic design choice that can guide users’ behaviour, shape how content is experienced, and ultimately impact your site’s success.
Below, we explore the key principles that help turn instinct into intention.
Harmony, Contrast and Colour Pairing
Ever landed on a website that immediately felt easy to use, calm, and just… right? That’s not magic – that’s colour harmony doing its thing. Psychologists Stephen Palmer and Karen Schloss identified three core principles:
- Pair Preference: We tend to prefer certain colours when paired in familiar, pleasing combinations.
- Pair Harmony: Colours that share visual traits (like brightness or hue) tend to feel more cohesive.
- Figural Preference: One colour stands out and draws the eye – think a bright CTA on a muted background.
What does this mean in practice? Well, harmonious palettes (think similar tones or soft gradients) create a calming, cohesive vibe – great for backgrounds or content-heavy sections. In contrast, deliberate clashes – like a bold orange CTA button on a muted blue background – grab attention and encourage action.
The secret is balance. Let your colours play off each other, not fight for attention.
Accessibility: Designing for Everyone
Good colour choices aren’t just about taste – they’re about inclusion. Around 1 in 12 men and 1 in 200 women experience colour vision deficiency. Many more have low vision or read your content on a cracked screen in bright sunlight. So, consider:
- Contrast ratios: WCAG guidelines recommend a 4.5:1 ratio for body text. Tools like WebAIM Contrast Checker can help.
- Colour as meaning: Never rely on colour alone (like red = stop, green = go). Pair with icons or text labels.
- Testing tools: There are great browser extensions that simulate different visual impairments. They’re eye-opening – literally.
Designing accessibly isn’t just a box to tick – it’s how you make sure no one’s left out.
Cultural Context: Colour Isn’t Universal
In the UK, red might signal danger. In China? Celebration. White might say “minimalist chic” here, but represent mourning elsewhere. If you’re designing for a global or multicultural audience:
- Research how your colour choices are perceived in different regions.
- Don’t assume everyone sees colour the same way you do.
- Test your designs with real users in your target markets.
You don’t need to overcorrect or be hyper-cautious. Just be thoughtful, curious, and willing to adapt if needed.
Trends vs. Timelessness
Colour trends change – but they don’t always last. Here’s what we’re seeing now:
- Bold, saturated colour palettes that scream confidence.
- Soft pastels and muted tones for a calm, lifestyle-led aesthetic.
- Complex gradients and duotones for depth and modernity.
- Dark mode interfaces that are easier on the eyes (and device batteries).
At TH3, we love experimenting with trends, but we never force them. Because at the end of the day, your colours need to feel true to your brand. So before jumping on a trending colour combo, ask: Does this reflect who we are? Does it support the kind of experience we want users to have?
Use trends as inspiration – not instructions.
Tools and Techniques for Creating Colour Schemes
At TH3, choosing a colour palette isn’t just about what “looks nice” – it’s a strategic process rooted in understanding your audience, your brand values, and how users actually interact with your site. We blend creativity with practicality, using:
- Palette tools like Adobe Color, Coolors and Color Hunt – not just to pick pretty colours, but to explore combinations that feel right for your brand’s personality and purpose.
- Cross-device and environmental testing – making sure your palette holds up in real-world conditions, whether someone’s browsing in bright daylight or late at night.
- A/B testing for conversion insight – trialling subtle shifts in button colours, background tones or link hovers to see what genuinely drives clicks.
- Full brand integration – aligning colour choices with typography, layout, imagery and tone of voice, so your whole digital experience feels cohesive and intentional.
It’s not about guessing. It’s about getting your colour choices to work.
Designing with Colour Intention
Colour isn’t decoration. It’s a strategy.
When used with intention, colour builds trust, guides behaviour, and creates emotional resonance between users and your brand.
Whether you’re starting new or refreshing a website, don’t leave your palette to chance. We’d love to help you design with colour that speaks to your audience.
Let’s make digital better – together. Get in touch with TH3.
Sources
- Akin Kevin (2023). Why Is Spotify Green Unravelling the Brands Vibrant Color Choice and Its Impact on Music Streaming? Medium. Available at: https://akinkevin.medium.com/why-is-spotify-green-unraveling-the-brands-vibrant-color-choice-its-impact-on-music-streaming-6e32a28767cd
- Cal Flyn (2018). NHS Blue: the colour of universal healthcare. Wellcome Collection. Available at: https://wellcomecollection.org/stories/nhs-blue–the-colour-of-universal-healthcare
- Cat How (2019). About a Colour: Cadbury Purple. Medium. Available at: https://medium.com/howandhow/about-a-colour-cadbury-purple-18514351bc0c
- Coca Cola (2024). Coca-Cola Red: Our Second Secret Formula. Coca Cola Company. Available at: https://www.coca-colacompany.com/about-us/history/coca-cola-red-our-second-secret-formula
- Design Museum (2016). Penguin Books. The Design Museum. Available at: https://designmuseum.org/penguin-books
- Design Museum (n.d.). Post-It Notes. The Design Museum. Available at: https://designmuseum.org/discover-design/all-design-objects/post-it-notes
- Karen Schloss and Stephen Palmer (2010). Aesthetic response to color combinations: preference, harmony, and similarity. Atten Percept Psychophys. Available at: https://pmc.ncbi.nlm.nih.gov/articles/PMC3037488/
- Kathy Lamuncusa (2003). Emotional Reactions to Color. Creative Latitude. Available at: https://web.archive.org/web/20160311005142/http://www.creativelatitude.com/articles/articles_lamacusa_color.html
- Kenneth Metral (2024). The Power of Color Psychology in Web Design. Medium. Available at: https://cosmicostudios.medium.com/the-power-of-color-psychology-in-web-design-b798e956797a
- Konstantine Keretchashvili (2022). Why The Famous Companies, Brands and Corporations Use Colour Pink. Medium. Available at: https://medium.com/@kote.keretchashvili/why-the-famous-companies-brands-and-corporations-use-colour-pink-e340845236eb
- Lauren Labrecque, Vanessa Patrick and George Milne (2013). The Marketers’ Prismatic Palette: A Review of Color Research and Future Directions. Psychology & Marketing. Available at: https://2024.sci-hub.se/1925/48d3f24dd6ef07ea0f1d500cd8522ebb/labrecque2013.pdf
- Maria Popova (2012). Goethe on the Psychology of Color and Emotion. The Marginalian. Available at: https://www.themarginalian.org/2012/08/17/goethe-theory-of-colours/
- Matthew Hattersley (2025). The Colour Purple: Cadbury’s sweet success. Clarion Solicitors. Available at: https://www.clarionsolicitors.com/articles/the-colour-purple-cadburys-sweet-success
- Paul Findlay (2018). The ketchup and mustard theory of advertising, AKA learning to taste your brand. Mumbrella. Available at: https://mumbrella.com.au/the-ketchup-and-mustard-theory-of-advertising-aka-learning-to-taste-your-brand-540619
- Unikavav (2025). Guide to Color Psychology. Unika Vaev. Available at: https://unikavaev.com/blog/color-psychology/