Ask any business owner what their brand colours are and they will probably answer with the colours in their logo. Ask any business owner what colours to use on their website and they would probably answer the same.
But as we all know, the internet is a colourful place and very rarely does a website designer choose to use only the basic logo colours in their design. Your business’s brand is more than your logo and by using a greater colour palette you can create connections with other market brands and develop a character for your business.
Don’t be a Tiger
Just like the tiger in the grass, whose fur is cleverly marked to blend in to the landscape it hunts in. If you were to plaster your logo colours all over your website, your logo starts to blend in to the background.
Be a Poisonous Frog
There is a good reason that these little frogs are painted neon rainbow colours. They have something to say. They communicate loudly and clearly against their green and brown rainforest background that they are well ‘ard, ‘DON’T EAT ME, YOU’LL REGRET IT’
OK, so how do you go about choosing a colour palette for my brand?
Start with your logo colours. Take the main colour, find out the hex code for it and plonk it into this website http://www.colorsontheweb.com/colorwizard.asp There are a few that do the same thing, colour explorer, https://kuler.adobe.com/, but this one’s my favourite.
Type your hex code into the little box and press the various combination suggestions, monochromatic, triadic etc. Find a combination you like and hey presto you have a gorgeous palette of colours that will compliment, not hide, your logo.
How does it make you feel?
I suspect your gut reaction to a colour scheme will be correct but here is a bit of help as to how different combinations can create an impression of your brand.
[spoiler title=”Monocromatic” icon=”plus-circle”]Simplistic, soothing and elegant. Be careful to use size and space to highlight important information[/spoiler]
[spoiler title=”Analogous” icon=”plus-circle”]Found in nature, harmonious, serene. Use one as a dominant colour, one as a supporting and one as a highlight.[/spoiler]
[spoiler title=”Complimentary” icon=”plus-circle”]High contrast colours, good for making a bold statement. Vibrant, fast paced[/spoiler]
[spoiler title=”Triad” icon=”plus-circle”]Vibrant and unusual. Use one colour to dominate and the other too for accents[/spoiler]
[spoiler title=”Split complimentary” icon=”plus-circle”]Contrasting colours, vibrant and good for making a bold statement. Easier to get right than complimentary colours[/spoiler]
[spoiler title=”Tetriadic” icon=”plus-circle”]Rich colour choices. Really good if you want to use a great range of colours across your website to separate information.[/spoiler]