Most business owners pick their website colours the same way they pick a paint swatch for the spare bedroom: gut feeling. Maybe they liked a competitor's site, or their logo designer chose blue ten years ago and they've stuck with it ever since. There's nothing wrong with personal taste, but when those colour choices sit on a page that's supposed to generate leads and sales, gut feeling isn't enough.
Colour influences behaviour. A 2024 study by the Institute for Colour Research found that people make subconscious judgements about a product within 90 seconds of first seeing it, and up to 90% of that assessment is based on colour alone. Your website has roughly 50 milliseconds to make a first impression, so your palette is doing heavy lifting before a visitor reads a single word.
Why Colour Matters More Than You Think
Colour does three measurable things:
- Sets emotional tone. Warm colours (reds, oranges, yellows) create energy and urgency. Cool colours (blues, greens, purples) suggest calm and trust.
- Directs attention. A high-contrast CTA button draws the eye.
- Builds brand recognition. Consistent colour use increases brand recognition by up to 80% (University of Loyola).
When HubSpot ran their famous A/B test on CTA button colour, a red button outperformed a green one by 21%. The lesson isn't "always use red." It's that colour contrast and context matter enormously.
The Psychology Behind Common Colours
Blue: Trust and Professionalism
There's a reason banks, insurers and tech companies use blue. Barclays, NHS, O2, LinkedIn. Blue signals reliability and calm. Safe for professional services, finance, healthcare and B2B.
The risk: blue is so common it can feel generic. A deep navy paired with a warm accent feels very different from corporate sky blue.
Red: Urgency and Energy
Red increases heart rate. Sale signs, clearance banners, "limited time" offers lean on it. Virgin, Vodafone, the Post Office. Works brilliantly for CTAs, error messages and time-sensitive content. Use sparingly, though.
Green: Growth, Health and Permission
Green says "go." Associated with nature, health, sustainability and financial growth. Body Shop, Whole Foods, the Co-op. Universal colour of UI success (green ticks, confirmations).
Orange and Yellow: Warmth and Accessibility
Orange is energetic without aggression. Suggests friendliness and affordability. easyJet, Fanta, Amazon. Underrated for UK SMEs that want to feel approachable rather than corporate.
Purple: Creativity and Premium Quality
Cadbury has owned purple in the UK for over a century. Suggests luxury, creativity, imagination. Works for beauty brands, creative agencies and premium services.
Black and White: Simplicity and Sophistication
High-end fashion, architecture firms and minimalist brands lean on monochrome. Most common design mistake on small business websites: not enough white space.
Cultural Considerations for the UK Market
Colour associations aren't universal. White means purity in Western cultures but mourning in parts of East Asia. For most UK service businesses, Western associations hold true. If you serve specific diaspora communities, test your assumptions with five real users from your target audience.
The CTA Button Test You Should Run
If you only do one colour-related experiment this year, test your primary CTA button:
Step 1: Check current contrast. Your CTA should be the most visually distinct element on the page. Use WebAIM's contrast checker (4.5:1 minimum for normal text).
Step 2: Pick a complementary or contrasting colour. If your site is predominantly blue, try orange or green. The button should almost feel like it doesn't belong; that's what makes people notice it.
Step 3: A/B test with real traffic. Use Google Optimize or VWO. Run for at least two weeks or until you hit statistical significance.
One Midlands client saw a 34% increase in quote requests after switching from a grey CTA to high-contrast orange. Five-minute change, months of impact.
Accessibility: Colour Can't Do All the Work
Around 4.5% of the UK population (3 million people) have some form of colour vision deficiency. Red-green colour blindness alone affects about 8% of men.
Practical rules:
- Never use colour as the only indicator. Pair with text or icons.
- Check your palette with a simulator (Coblis, Stark plugin for Figma).
- Meet WCAG contrast ratios. AA compliance: 4.5:1 for body text, 3:1 for large text.
We covered the legal side in our website accessibility laws guide.
A Practical Framework for Choosing Your Palette
- Start with strategy, not aesthetics. What emotions should your brand evoke? Who's the audience? What action do you want?
- Choose a primary colour. Reflect emotional tone, differentiate from direct competitors.
- Add secondary and accent. Primary + secondary analogous, accent complementary.
- Define your neutrals. Pure black on pure white is harsh. Try #1a1a2e on #f8f8f8.
- Test with real content. What looked great on a mood board might fall apart with a product photo next to it.
Common Mistakes to Avoid
- Too many colours. 3-5 core colours plus neutrals.
- Ignoring dark mode. Brand blue that looks great on white might disappear on dark grey.
- Following trends blindly. Pantone's Colour of the Year is interesting, not mandatory.
- Forgetting about photography. Your palette needs to work with real images.
Frequently Asked Questions
Does changing my CTA button colour really affect conversions? Yes, but context matters more than the specific colour. Contrast drives improvement. A/B test for your audience.
What's the best colour for a business website? Blue is the safest bet for trust and professionalism. But "best" depends on your industry, audience and competitors.
How do I make sure my colour choices are accessible? Use WebAIM's Contrast Checker (4.5:1 for body text). Never rely on colour alone. Test with a colour blindness simulator.
Should I follow colour trends in web design? Be aware, but don't chase. Your brand colours should reflect strategy, not fashion.
How many colours should my website use? 3-5 core colours plus neutrals. One primary, one secondary, one accent (CTAs), 2-3 neutrals.
Build a Palette That Converts
Your website's colour palette is one of the most powerful tools you have for shaping how visitors feel and what they do next. Get in touch with MattDarm for a branding review, or explore our branding and creative services.
