Popular Website Colour Schemes to Consider for Your Website

A great website has a great colour scheme. To help you choose your new website colours, we've done the research and have listed some popular website colour schemes for you to get inspiration from.
When choosing your colour scheme though, it's important to remember that it must reflect your business' or organisation's branding. This means using the same colours as are in your logo and other marketing material in order to convey a professional and consistent message to customers.

7 Popular Website Colour Schemes to Inspire You

There's no doubt about it: colours can affect us in many ways. The colours you choose for your site can impact upon the level of sales you make, how long a visitor stays on your site and how they feel when visiting your site.You can find out more about this by reading our article, Learn How to Increase Website Conversions Using Colour Psychology.

Now let's explore some of the colour options for your website:

Bright & Fun

These four colours combine to provide a welcoming palette with a clean and crisp appearance.

Use Tints

Using different tints and tones can help you emphasize different parts of your site, while giving it a minimalist appearance.


For a modern appearance, try using these four colours.

Sleek and Fresh

Perfect for an eco-themed or environmental website, to provide a fresh, clean and calming effect for visitors.

Vintage Themed

Many ecommerce stores are selling vintage themed products nowadays. Use these modern vintage colours for the wow factor.

Tropical Themed

Selling modern products, or offering a holiday or high energy service? Then try these!


Keep things minimal by using the darker colours along with white, then adding splashes of the lighter colours for attention.

Deciding Where to Put Your Website Colours

Once you've decided on the colours for your website, you need to choose where to put them. Here are some of the areas you will need to consider

  • Headings
  • Title
  • Border
  • Paragraph text
  • Background
  • Menu
  • Links
As a general guideline, you want to use the colours which are easiest to read as your main headings and sub headings. Paragraph text is generally black or grey, even if it they are not one of your chosen colours. White is typically the colour of the page background, but you could use one of your brand colours as the banner background. Links are usually in a bright and easy to see colour different from headings, so visitors instantly recognise it is a link.

How to Change Your Website's Colours

To learn more about changing your website colours, view our video below. For further inspiration, check out this Pinterest board which has plenty of awesome website colour schemes!

Tags: web design  

Posted: Friday 1 February 2019