How to Choose the Right Colours for Your Website.

March 16, 2018

Branding is one of the most important steps when creating your own business, it is the way other perceive what your identity is about. First impressions are the strongest when it comes to how people feel about a business, so you need to make a good impression!

A good step is to choose an approachable and relatable colour palette for your brand, this will then be applied to all your marketing materials especially your website. Choosing your branding colours can be tricky but we’re here to help!


Know what Emotions Colours Can Evoke.

Before choosing any colour scheme for definite try and take a look at what the colours you’re thinking of actually mean.

Blue – Trustworthy, Dependable, Professional.

Green – Peaceful, Balance, Growth.

Orange – Friendly, Welcoming, Cheerful, Confidence.

Black – Classic, Elegance, Powerful, Fearful

Purple – Royalty/Luxury, Creativity, Imagination.

Yellow – Happiness, Optimism.

Red – Excitement, Youthful, Bold, Urgency.

White – Simplicity, Clarity, Purity.


Experiment with Online Colour Palette Tools.

Now you know what colours show what emotions it is time to play around with online colour palette tools.

This website offers a wide variety of tools for adjusting the palette the way you want it. You can also export your final creation in many different formats, so you can use it virtually wherever you want. You can find other completed creations from other users, so you can use theirs as inspiration. Coolors is available on desktop computers and iOS. You can add it as a Photoshop, illustrator and google chrome extension!

Canva Colour Palette Generator.

 This is one of the easiest tools to use! If you have a photo that encompasses the overall feeling of your brand you can upload this to the generator and it will show you a palette consisting of 5 colours with the hex code as a reference. Unfortunately this is all you can do with this generator, you can’t edit the colours that it shows you.


Choose your Primary Palette Colours.

Now you are inspired enough you can start choosing your primary/dominant colours! These are the colours you target audience will recognise you with! You should choose two primary colours as well as accent colours. One of the primary colours will be used more than the other when it comes to applying your palette.

Your palette colours should complement or contrast each other but they should never outshine each other! If they do then mess around with the tints, tones and shades to find a happy medium.

Tones - Mixing grey to a pure colour

Tint – Mixing white to a pure colour

Shades – Mixing black to a pure colour.

You shouldn’t rush this step and it will be the main colours of the brand, spend extra time to make sure everything is perfect!


Choose your accent colours.

Accent colours are just as important as your primary colours as they’re supposed to draw your viewers eyes into something you are highlighting. It is best to ensure that there is a high contrast between your accent and primary colours as your accent colours are best applied to elements, like your navigation menu and other crucial items you would like to showcase.

A great example the contrast between dark blue and red.


Apply your Palette with the 60-30-10 Rule.

The way your apple your colour scheme matters, and it is best to follow the 60-30-10 rule!

The 60-30-10 rule is where you use 60% of your primary colour, 30% of your secondary colour and 10% of your accent colour. By following this rule, you will be able to achieve balance both in colour and content for your website.


Share on Facebook
Share on Twitter
Please reload

Featured Posts

I'm busy working on my blog posts. Watch this space!

Please reload

Recent Posts

September 13, 2019

July 19, 2019

Please reload

Please reload

Search By Tags

I'm busy working on my blog posts. Watch this space!

Please reload

Follow Us
  • Facebook Basic Square