Chemical Design Blog A beginner's guide to colour
Colours

A beginner’s guide to colour

Most business owners pick a colour because they like it, and that’s a perfectly reasonable place to start, but it’s rarely the whole story.

Colour is one of the fastest signals a customer reads before they’ve taken in a single word of your website, and getting it right does more work for your brand than most people realise before they start.

Why colour does more than you’d think

Think about how quickly you can spot a bank, a coffee shop, or a children’s toy brand just from the colour on the page, without reading a word of the copy. That’s not an accident, and it’s not down to taste either. Certain colours have built up strong associations over decades of use, blue with trust and calm, green with growth and health, red with energy and urgency, and customers pick up on those associations instantly, even when they couldn’t explain why.

That doesn’t mean you’re locked into a narrow set of choices, because plenty of brands have deliberately gone against type to stand out. A construction firm using a soft, unexpected colour can feel more approachable than the industry’s usual heavy greys and oranges. The point isn’t to follow the rules blindly, it’s to know what the obvious choice would say, so you can decide on purpose whether to lean into it or push against it.

Picking more than one colour

A single colour rarely does the whole job on its own, and most brands need at least two or three that work well together. The easiest place to start is a colour wheel, which shows you how different colours relate to each other, and gives you a few reliable combinations to build from. Complementary colours sit opposite each other and create strong contrast, while analogous colours sit next to each other and feel calmer and more harmonious.

You don’t need to memorise any of this, because there are free tools built specifically to do the thinking for you. Once you’ve got a starting colour in mind, they’ll suggest palettes that actually work together, rather than leaving you to guess.

Where to try this yourself

Coolors is the quickest way to generate a palette from scratch, and you can lock in a colour you already like and let it build the rest around it.

Adobe Colour is worth a look once you understand the basics, since it lets you explore different colour wheel relationships, complementary, analogous, triadic, and see them applied to a real example straight away.

Colormind takes a different approach, generating palettes for you automatically, and you can even feed it a photo and have it pull colours out of the image itself.

UI Colors is handy once you’ve settled on your main colour, since it builds out the full range of lighter and darker shades you’ll need for buttons, backgrounds, and text on a website.

Color Hunt isn’t a generator at all, just a scrollable feed of palettes other people have put together and shared. It’s a good one if you don’t know where to start and just want to see what’s out there before you commit to anything.

One more thing worth checking

A palette can look lovely and still fail at the most basic job it has, which is letting people read your text. Pale grey writing on a white background might feel modern and understated, but if a customer has to squint to read your prices, that’s a colour choice costing you sales, not a colour choice working for you.

This matters more than most people realise, since plenty of your customers will have some degree of sight difficulty, whether that’s ageing eyesight, colour blindness, or something else entirely. Before you settle on a final palette, run your main text and background colours through a contrast checker like WebAIM’s tool, which takes thirty seconds and tells you straight away whether the combination is readable. We’ll cover accessible colour and design properly in a future piece, but it’s worth flagging here before you commit to anything.

The one thing that matters more than the palette

Whatever you land on, the biggest mistake we see isn’t a bad colour choice, it’s an inconsistent one. A logo in one shade of blue, a website in another, and social posts in a third will always look less trustworthy than a single, consistent palette applied everywhere, even if that palette is a simple one. Pick your colours, write them down with their exact codes, and use the same ones everywhere your business shows up.

If you’re not sure whether your current palette is working as hard as it could, we’re happy to take a look.