Choosing a colour palette for web design

Firstly, it has to be said: there is no such thing as the ultimate colour palette for a website.

What works great on one webpage, may look hideous on another. Besides, colour perception can be so different from person to person. Its almost impossible to find the golden rule of using colours in web design. Of course there are better and worse colour schemes on various websites but I guess we can use the term better only from our subjective point of view.

Sometimes however one or another website is perceived by majority of users as good or pleasing. How is it possible that in some cases most people would say I like it whereas sometimes they would say its awful ? Well, there is no simple answer - but thankfully there are some guidelines to make things look better.

Since were little, we perceive the world as full of colour and learn it that way. While learning, we encounter new things: objects, smells, tastes, textures etc and we somehow attach that experience with our feelings. Magically in our memories we store those feelings as images, very often full of colours.

Thanks to that, each colour brings us certain emotions. Luckily (or unfortunately in our case) each person identifies colours differently because each of us grew up in different environment.

Through using statistics we could try to find the meaning of colours. In the research done among young people in USA, most of them would find Blue as a symbol of success, intelligence and trust, Yellow as fun and joy, and Black as complicated or technological. Of course, Green was always perceived as rich :)

Creating a nice colour palette for our website and using it properly, is actually one of the most important part of creating the layout. Firstly, we have to match the colours to the subject of the website. For example, we wouldnt use a Yellow colour for a dentist, or Blue for a site ran by Harley-Davidson lovers. We should push our imagination and try get a feeling of the subject.

In our case, a dentist website would do much better in White and Blue; whereas a Harley website would be more appealing in Black, Silver and perhaps Red. The second important thing is to compose colours with the elements of the layout. All colours should blend, and all content has to be readable. Remember websites are mostly about information.

It is worth mentioning the concept of contrast. As we know the most common page elements are: header, menu, sidebars, content , footer, search box, banners etc. It is usually good to make some of them stand out more; whereas other should be faded. Thats where colour comes in very handy.

Strong colours should be used mostly for the elements that have to get users attention. Text MUST be easy to read, so its probably a good idea to make the background in light, soft colour with no texture. All other elements have to be placed across the page, so their colours do not blend.

Another thing is to stay with 2 or 3 colours on one page. There is no rule against that but from our experience, websites usually look more subtle and focused if no more than 3 swatches are used.
if you push it to 6 or 10 it may even difficult to read so from commercial point of view , your client will not be happy ;)
During the process of designing a website you always should keep in mind 4 main objectives regarding colours:

  • Site should be pretty
  • All elements should match
  • Keep text readable
  • Match the colours to the subject of the site
  • Make site attractive

To get all this right is not easy to do! I encourage you to do some digging on the Internet. With a little effort and luck youll find something thats inspiring, some new colour schemes or interesting contrasts. Remember web design should be fun ;)

Comments

There are no comments for this post

Leave a comment

Antispam code

Enter the text you see to the left

Web Design Shrewsbury telephone 08000 805401

Web Design Manchester telephone 0161 7440075

Web Design Birmingham telephone 0121 7750085

Web Design London telephone 0207 1250044

Valid XHTML/CSS © Mutiny Design - Website Design and Development - Network House, Badgers Way, Oxon Business Park, Shrewsbury, Shropshire SY3 5AB