How to Choose Brand Colours for Your Website (Without Guessing)

February 20236 min read

Why your colour choices matter more than you think

Most people pick their brand colours the same way: they open a logo file, look at a few options, and go with whatever feels right. That's not necessarily wrong, but it skips a step. Colour is one of the first things a visitor notices on your website, often before they've read a single word. It shapes whether your business feels trustworthy, cheap, playful, or serious, usually within a couple of seconds.

I've been building websites for small NZ businesses for over 25 years, and the colour conversation comes up on almost every project. The good news is you don't need a design degree to get it right. You need a handful of practical rules and the discipline to actually follow them once you've picked a palette.

The psychology bit, without overselling it

Colour psychology gets thrown around a lot in marketing content, often with more confidence than the research actually supports. People don't universally feel one specific emotion when they see red or blue. Culture, context, and personal experience all play a part. That said, there are some broad tendencies worth knowing, because they're a reasonable starting point:

Red: energetic, urgent, appetite-driven. Common in food and sales.
Orange: friendly and approachable, a step down in intensity from red.
Yellow: upbeat and optimistic, but hard to read as body text and easy to overuse.
Green: associated with nature, health, and money. Popular for anything outdoors or financial.
Blue: the safest choice for trust and professionalism, which is exactly why so many businesses default to it.
Purple: creative or premium, sometimes used to suggest luxury.
Black: sophisticated or high end, but can feel cold without the right pairing.

Treat this as a rough guide, not a formula. The bigger factor is usually your industry norms and what your competitors are doing, because customers read colour partly through comparison. If every accountant in town uses navy and grey, going bright orange will make you stand out, for better or worse. That can be a genuine advantage if you want to look different, or a liability if it makes you look like you don't understand the industry.

Pick one accent colour and commit to it

Here's where a lot of small business sites go wrong: they don't have too little colour, they have too much. A logo colour, a slightly different blue in the header, a green for the buttons because it was already in a template, an orange for one promotional banner. None of it relates to anything else.

A simple palette works better than an ambitious one. In practice that means:

One primary colour, usually neutral (a dark grey, navy, or black) for most text and structure.
One accent colour, used deliberately for buttons, links, and anything you want someone to click.
One or two supporting colours for backgrounds, borders, or subtle sections.

The accent colour is the one that matters most for results. It should appear rarely enough that when it does show up, on a Get a Quote button or a phone number, it grabs attention because it stands out from everything around it. If your whole page is already colourful, your call-to-action button has nothing to contrast against and gets lost.

Contrast and accessibility aren't optional extras

This is the part most colour advice skips, and it's the part that actually affects whether people can use your site. If your grey text sits on a white background but the grey is too light, some of your visitors genuinely cannot read it. That's not hypothetical: colour blindness affects roughly 1 in 12 men and a smaller number of women, and plenty of others are reading your site on a phone in bright sunlight where low-contrast text disappears entirely.

The web has an actual standard for this, called WCAG, and it's not complicated to check. Body text should have a contrast ratio of at least 4.5:1 against its background. Large headings can get away with 3:1. There are free contrast checker tools online where you paste in your two colours and it tells you pass or fail. Run your palette through one before you commit to it.

A couple of practical habits follow from this:

Never rely on colour alone to convey information. A red error message also needs the word error or an icon, not just the colour.
Test your palette against both light and dark backgrounds if your site uses both.
Check your palette on an actual phone screen outdoors, not just your monitor indoors.

Keep it consistent everywhere, not just on the website

Once you've settled on a palette, the value comes from using it relentlessly. That means the same colours on your website, your business cards, your van signage, your invoices, and your social media profiles. If your website is teal and navy but your Facebook page is still using the old orange logo from five years ago, you're quietly undoing the recognition you're trying to build.

This is less about design taste and more about repetition. Brand recognition gets built by seeing the same visual cues over and over until they become familiar. Every inconsistency resets that process a little. It's worth writing your exact colours down, the actual hex codes, not just blue, and keeping that note somewhere you or anyone working on your marketing can find it.

A sensible way to actually choose

If you're starting from nothing, here's a straightforward approach:

Look at three or four competitors and note what colours they use. You're deciding whether to fit in or stand out.
Pick a neutral base (dark grey or navy works for almost any industry) and one accent colour that isn't already dominating your market.
Check the accent against your background colour with a contrast checker.
Apply it consistently across everything, and resist the urge to add a fifth colour on one page because it looks nice.

None of this requires expensive branding software or a big agency process. It requires picking a small set of colours, testing that people can actually read your site, and using the same palette everywhere long enough for it to stick. That consistency, more than any clever colour theory, is what makes a brand recognisable.