Color for web design

By in Creativity on 2006/11/27

Color schemes seem to be a hot topic these days. Just after I’ve read Digital Web magazine article about color, Adobe launched Kuler, a tool that allows you to create and share color schemes.

These online tools are great but you get best results if you learn a bit about color theory. The role of light, primary and secondary colors, analog and complimentary or the works of Munsell or Kandinsky is a knowledge that always comes in handy no matter how good taste you have in designing your own color schemes.
While theory is great, nature still is the richest source of inspiration when you have to come up with something new. The psychological and anthropological connections of color, the tones and contrast that flowers use to attract the insects or the way the animals change their skins to repel predators are great examples of the importance of color in nature.

These relations can be brought to the web in many ways, for instance:

  • Use yellow and green tones if your website has something to do with travel or agriculture.
  • Choose colors that are clearly identified with the product such as brown chocolate, plum or olive.
  • Red has a cognitive perception of danger and warning. You can use it when you need to have immediate attention by the user.
  • Light yellow and blue in a horizontal layout can create a calm and peaceful design, reminding us of the beach, the sea and the horizon.

Another great choice you have to pick your color schemes from are the works of great painters, particularly those who excel in the use of color such as Kandinsky or Picasso.

Colorfoul Ensemble

[Colorful Ensemble by Wassily Kandinsky]

Find how color was employed by these artists or just use your Photoshop picker in some of the paintings and build your next Mona Lisa color scheme. If the natural way is still not enough you have a lot of resources on the web:



Other Resources:

If you have some other great resources you want to share, feel free to post a comment.

Update: Veerle has an awesome article on the same subject

One thought on “Color for web design

  1. 1

    I’ve just posted an article on 8 great colour resources on my blog, which bears some name similarities with yours 🙂

Leave a Reply