Choosing your website's colour scheme

Colour WheelChoosing a colour scheme for your website can seem quite daunting. You’ve researched your competitors but you want your website to be different. You already use a particular colour for your business card and flyer but now you’re wondering if it will look right plastered all over a website.

Your website’s colour scheme is very subjective. You may have a favourite colour, dislike certain colour schemes or have no particular colour preferences at all. If you’re not sure what colour scheme to choose, do some more research. What colours do your competitors use? What are the current colour trends for websites? Do you want to stand out from the crowd or do you want similar colours because they are specific to your type of business?

Most likely though, you’ll want to achieve a certain ambience or you need to match your print material so that you maintain the same image. Choosing the right colour is therefore a critical part of the planning process.

Only you know your business and your colour preferences so only you can make the final decision. To help you decide research what companies in a similar business have used.

Call or email Kaz Design Works for your next design project.

Scroll below for to help you stand out from the crowd as well as some links to websites that can help you choose your colour scheme.

Whether you're creating a website or designing print material, your business should stand out from the crowd (in a good way). We recommend hiring a professional designer to create your website or print material and to provide them with as much information as possible about your brand and your industry. However if you are creating or mocking up your own marketing material, here are just a few colour tips to ensure your business stands out:

  • Use bold, contrasting colours for titles and to emphasize important points.
  • Use contrasting blocks of colour for different sections of information.
  • Ensure there is plenty of "white" space between headings and paragraphs.
  • Punctuate large chunks of text with bold, high quality imagery.
  • Don't be afraid to go against the latest or industry colour trends.
  • Use colours that express the right ambience or tone you wish to convey to pontential customers.

Call or email Kaz Design Works for your next print or web design project.

Not sure about the meaning of the colours you’ve chosen? This site may help.

Current Colour Trends

2013 saw Emerald Green as the Pantone colour of the year. This year, it's Radiant Orchid. Now whether we will see this rather bright colour across a lot of new website designs, is another matter. Perhaps for personal blogs, home decorating, furniture and fashion websites but will it make it onto the corporate website? I'm not so sure.

Blue and green still seem to be a popular choice for websites, and last year, orange was also popular (and as you can see Kaz Design Works still uses orange as it has been doing since 2007. The main trend seems to be for white with shades of grey, gold or orange. Green in its various shades is still requested (I worked on quite a few "green" websites in 2013), and I've worked with a few darker purples, browns and reds.

Let's see how the year pans out (pardon the pun).

If you need help choosing colours check out your competition and other websites in related industries. See what colours they are using but instead of going with the trend, why not go against it? One thing to make sure, don't pick a colour that will date your website, or make it stand out in a bad way. You don't want to have to redo it again in a year.

Useful sites to help you choose colours for your website or print material

The following links will help you choose appropriate colours for your print material or website design. But don’t forget… screen colours don’t look the same in print.

  • Colour Wheel – Gives the hex numbers for web-safe colours. If you don’t already have a colour scheme in mind but want web-safe colours use this colour wheel to generate your primary colour.
  • Pantone Converter – Converts pantone colours to RGB and hex numbers. If you already use a Pantone colour for your print material use this to convert the colour to a hex number.
  • Hex Color Code Chart & Generator – Allows you to choose your main colour from a colour picker or hex wheel and generates the hex numbers for complementary colours. Or input a hex number from the colour wheel or pantone converter.
  • Colour Scheme Generator – Choose from a huge variety of colour schemes – from monochromatic and complementary pastels to full contrasting hues. Generates hex numbers for all the colour combinations. Click the scheme info button and copy & paste the URL into an email
  • Colour Blender – Generates RGB and hex numbers for colour blends for two colours with up to 10 midpoints.
  • Pantone Colour Matching – downloadable PDF of Pantone Colour Matching Palette. Note: the colours you see on screen may not be an exact match. Does not give hex, RGB or CMYK equivalents.

Please notify us if any of these links don’t work.