(Reading time: 2 - 4 minutes)
How To Choose The Right Colour Scheme For Your Website

How To Choose The Right Colour Scheme For Your Website

Tony Cooper  
Comments (0)
How to select the right colour scheme for your website
Last Updated
September 17, 2016

When I applied to join the army aged eighteen I found out I was colour blind.

Nothing dramatic. I just found it difficult to distinguish between darker shades of colour.

For example dark grey can often appear to be black and deep blues can appear purple. That kind of thing. Web safe colours are a bonus for me because I know I'm not looking at a made up shade and all the colours are the same whichever device I'm viewing the page on.

What Is A Websafe Colour?

The colour palette is made up of 256 colours and determined by a mathematical formula. The relationship between the number of colours in the palette and the number of colours an early computer monitor can display – 256 is obviously no accident.

From those 256 colours only 216 will display in the same way across all browser and computer platforms.

The remaining forty colours are “dithered” and depend on the graphics card and browser combination to render them on screen which is why the output can vary across devices.

If you want to be absolutely sure that your website will display in the same colour whatever display it is viewed on you should stick to the 216 web safe colours.

Colour Safe Web Palette

Choosing Colours For Your eCommerce Website

The colours you choose for your website can have a significant impact on its performance and contribute greatly to benchmark factors like bounce rate and conversion and so getting this right is a worthwhile time investment.

As we grow up we are programmed to make associations between colour and actions. At its most basic level red means danger and green means success or “go”. How you use colour determines how your website is perceived.

Some Examples Of Colour Use

Brown is the colour of the earth and wood. It is a relaxing and natural colour. Brown is a great colour for walking boot stores, outdoor lifestyle activities like camping and hiking and rustic foods.

optimized large brown


Black should be avoided as your primary colour as overuse can give a feeling of oppressiveness. It is a great colour to use in accents or to offset other colours. Black is a great colour to use a logo as it is offset by a white background.

optimized large black

Blue is one of the most popular colours throughout the world regardless of religion or race. It is often used to symbolise communication and deep blues convey trust and authority.

optimized large blue

Gray is often used by technology companies and is associated with precision and control.

optimized large gray

Green is a great colour for many websites because of it's passive nature. You can use green on outdoor websites, gaming websites, in fact anything that indicates movement and activity.

optimized large green

Orange is most peoples least favourite colour and you should avoid using it unless you specifically know the type of creative message you want to convey. It is associated with originality and is an attention grabber.

optimized large orange

Pink is the go to colour for any type of feminine website and is great for clothing and dating websites.

optimized large pink

Yellow is the first colour that hits the retina as the eye processes information and for that reason too much yellow can be a real turn off. Used sparingly or as an accent colour yellow conveys playfulness and would be a great colour for childrens websites.

optimized large yellow

And lastly Red

Red is known as a buying colour and is an attention grabber. Think high street sales. However too much red can signal danger and for that reason it is best used as an accent colour and not the main background colour.

optimized large red

How Colour Affects Conversions

++ Click Image to Enlarge ++
How Colors Affect Conversions
Source: How Colors Affect Conversions – Infographic


How To Pick Colour Combinations

If like me you are pretty rubbish at colours then the best thing to do is to look at some of the websites that specialise in providing hex code colour wheels.

These sites provide colour palettes based on Triadic colours, monochromatic colours and analgous colours.

http://www.color-hex.com will give you a list of colours which you can pick from and also has some inspirational user contributed colour palettes.

Abandoned Garden Color Palette

Computer Popularity Color Palette

Good Grades Color Palette



Following some simple style rules will ensure you pick the right colour combination for the type of audience you are designing for.

In many instances colour design is made simple for you by purchasing a template from one of the theme stores and modifying the style to suit your product leaving the colours intact.

This will ensure you get a highly polished design and a beautiful looking website.

If in doubt always stick to the 216 websafe colours.



More Blog Posts

Avoiding Internet Start Up Mistakes
Last Updated: August 24, 2016
I've been involved with my fair share of internet start up failures and it's no fun all round when the venture goes belly up. Back in the early 2000's it was "de rigeuer" to take venture capitalist money and spend it like water without looking at...
eCommerce transaction charges explained
Last Updated: May 17, 2016
You've made the decision to build an eCommerce site but how do you know that transaction charges are not going to eat up a major share of your profits? Finding the best payment gateways for your eCommerce solution can save you a stack of cash. ...
Affiliate marketing guide
Last Updated: August 24, 2016
As a method of supplementing your income or replacing a full time one, affiliate marketing is one of the best, if not the ultimate method of gaining financial freedom and being able to live a flexible lifestyle. Property Investment WAS another way. The...
Ultimate Guide to building an ecommerce store
Last Updated: November 11, 2016
Build A Successful eCommerce Business Using This Guide Building a successful eCommerce website is hard work. if you are doing it yourself then there is a tremendous amount of information to absorb. If you have a digital agency or a website designer managing...
Designing Your Company Logo
Last Updated: September 20, 2016
A well designed logo sets the tone for your business so making a logo in five minutes and calling it done is a big mistake. A logo lives with you long into the future assuming your business makes it that far and redoing it can get...
Blogging Is Your Website Promotion Tool Of Choice
Last Updated: November 01, 2016
Today I'm going to explain why blogging should be your automatic choice of marketing channel and how you use it to gain valuable search engine traffic. We live in a Google world. The search engine behemoth determines what the best search results are. There are alternatives...
Magento V Shopify
Last Updated: September 10, 2016
Why You Should Choose Shopify Over Open Source eCommerce Solutions If you are an SME (Small, Medium Enterprise) then you should be looking at a cloud based solution for your eCommerce project. Why? Because you can get started quickly, with the minimum of...
Small Business Website Building Ideas
Last Updated: November 14, 2016
The biggest asset you have as a small business owner is time. You may have plenty of meetings to go to or clients to see but you'll always be short of time. Even if you have time on your hands it shouldn't be spent building a...
Why Content marketing is a good investment
Last Updated: September 05, 2016
You’ve commissioned a new eCommerce website, its gone live and you sit back and now you sit back and wait for the mass of traffic to arrive at your door and the inevitable avalanche of orders that will come with it. It doesn’t happen that way....
How to start your ecommerce business
Last Updated: October 26, 2016
Building an eCommerce site is a fantastic way to start your own business. You can start by building it alongside a regular day job or take the plunge and start full time if you have the funds to support yourself. If the latter you'll need to...

Ways To Contact:

Twitter Photo ID Tony2Want to chat about your next website project or requirements? If you call now you can speak to me directly: Call 07963 242210 and ask for Tony.


Search Storebuilder

Editor Rating:

Thank You For Reading

Please Share

Website Builder Reviews

Now It's Your Turn!

I love hearing what my readers have to say about the products I review here at Storebuilder and I've made it nice and easy for you to leave a comment or a review if you have first hand experience. Don't be shy! - your experiences help other people make an informed decision.

If my website builder reviews have helped you or you think someone else might benefit from them then please share! It's the biggest compliment you can pay and so easy to do.

Why not introduce yourself on Twitter, it's always nice to put a face to a name!

LiveZilla Live Chat Software