Create Your Website Colour Palette

Dennis Goff

It makes sense to choose your website colour palette to resonate with your audience.  Brands exist because marketers want to connect with us emotionally and emotion-based decisions lead to more conversions or sales.

A brand isn’t a design principle, but it will help guide the design process.  Make your brand stand out using the right tools for design. Website colour is a key component of your brand.

What is my brand?

Logos, fonts and colours are extremely powerful tools used to convey a consistent message to your readers, prospects and customers. Your brand is essentially the feeling they experience when they visit your website or business. Colours are a critical key in your success formula.

When you get it right – your message is amplified by the colours, fonts, and images you use in all your communication. Readers want to share it with others. Additionally, your promise of value creates trust so they feel safe to buy from you or join your community.

Colour is a subliminal branding element and powerful force in all marketing online or offline.  

Therefore, it’s essential to create your colour palette with care because trusting, engaged leads, prospects, and customers mean more sales. Design related decisions for all your marketing materials become easy when you have a pre-selected colour palette.

On the other hand it’s easy to fall into the trap of using different colours for every project or marketing piece. Your colour palette could easily make the difference between attracting or repelling prospects. Do your homework diligently so you can reap the rewards.

Generally, the shades on the warmer side of the spectrum tend to inspire boldness and energy, while the cool colours are calming. So when it comes to branding and websites the psychology of colour is particularly relevant. The right hue can mean brand recognition for your products and services and can alter the way consumers feel and react.

Choose Website Colors

How do I choose my brand colours?

Effective websites optimized for conversion all have this one thing in common. They understand the emotional triggers of colour specific to their brand and target audience . They consistently use active and passive colours to engage their readers or buyers.

Your design colour is the main colour you use on your website. Your action colour is an opposite or contrasting colour to make your call to actions “pop” on the page.  Use it for Call to Action buttons or content boxes.

I have outlined a simple process below to follow to save you hours of research time and help you avoid the usual information overload on the web. It will fast track your colour selection. Have fun and accept that you’ll probably tweak your colours several times as you develop your website.

Connect to emotional triggers

Pick the emotion you want your target audience “character” to feel when they see your content. Then pick a colour to expresses that emotion. This infographic serves as as a general guide to get the creative juices flowing for your colour palette.  Read more about the psychology of colour here: blah bala link)

Color Palette Emotional Triggers

Decide on your range of colours

Once you know what emotion you want to convey, decide whether you’ll build your brand with that one colour or blend it with others. The most common colour palettes:

Monochromatic: Colours that belong to one colour family (such as brown or blue)
Analogous: Colours next to each other in the colour wheel.
Complementary:  Colours are the direct opposites on the colour wheel.
Triadic: Three colours, equally spaced around the colour wheel creating a triangle.
Triadic + Complementary: Triad, plus the complement of your main colour.
Tetrad: Two sets of complementary colours in a rectangular pattern (four colours).

OK… now what?

Check the examples below on “how to” create your palette the easy way using The Colour Scheme Designer. Before you go there, I suggest you…

Research other sites in your marketing niche to see how their colours “brand” them.

Warning: Resist the temptation to click on all the related links that will keep you diving down too many rabbit holes. You only need a basic understanding of colour to get started.

Keep it simple and make it a fun exercise. Start with a colour you selected from your notes on your target audience research and the psychology of colours.

Create Your Brand Colour Palette

(Example only) Monochromatic scheme starting with blue (hex code #28536C)

Colour Code

Analogous scheme continuing with blue (hex code #28536C)

Analogous scheme

Triad scheme continuing with blue (hex code #28536C)

Triad Scheme

Triad scheme + Complementary colour (hex code #28536C)

TRiad plus complementary

Tetrad (4 colours) scheme with (hex code #28536C)

Tetrad Colour Scheme

Your research to create your brand’s ideal customer or “character” will help you choose the colour that resonates best with them. That’s your starting point. Get that right and you’re off to the races.


You now have your website brand colours!

The colours you choose for your website will create a specific impression or mood. If you get it right, for your niche, your readers will know your site is trustworthy and you are an authority in your market. If you get it wrong it can result in higher bounce rates because the impression created is one of inexperience, unprofessionalism or untrustworthiness.

So, get it done now and have fun building your brand for your online success.

 Create your website colour palette

number 1Choosing colours that work well together is a pure science not guesswork. Know the feelings colours evoke so you can choose pure colours, tints and shades that resonate with your audience.

number 2Choose hues of persuasion to engage your target audience. Use the Adobe colour wheel to get started – then complete the exercise above. When you pick the right palette you’ll likely increase conversion rates.

number 3Pick contrasting colours for you CTA’s to grab attention and increase click rates with your audience. Use your chosen palette consistently for all your online and offline marketing materials to build brand recognition faster.

number 4Colour has always been an important part of the human experience and can have deep subliminal meanings known to trigger mood shifts and the way prospects feel about your business.

number 5Colour has the potential to increase brand recognition up to 80%. Create a colour palette to make your identity stand out so it’s easily recognized and others want to recommend it to their peers and friends

Yes, it will take some time to create a colour palette. It’s always worth the energy invested to be able to maintain trust with brand consistency in all your materials. Talk to you soon,i am dennis goff


You may also like

Let's Get Started on your New Website!