Choosing Website Colours - Colors For Web Design

By Craig Deane, Blue Ice Web Design Limited

Graphics, logos and content are usually mainly though of when designing websites, but what about colours? Colour choice is one of the most important website design decisions, the colours of your website are important because they will define the mood and emotions of your website visitors and also reflect your brand and identity.

Colour is symbolism. We say someone who is jealous is "Green with envy". Someone who is sad is said to be "Blue." When we are angry, we see red." Colors affect us psychologically. They can stimulate our appetite or suppress it. They can make us happy, excited, angry or sad. Let's take a look at colours and what they mean to your visitors. Then we'll discover the different colour combinations and how they apply to your Web site.

Warm Colours

Red: Red is one of the most powerful and attention-getting colors. Red symbolizes passion and fire, love and lust. It has been proven to raise blood pressure and cause perspiration. Red reflects energy and can motivate an individual to take action. It can also symbolize war, violence, blood, and aggression.

Pink, however, is the softer side of red. Pink is romantic, calming and feminine.

Orange: Vibrant and warm, orange is associated with autumn, pumpkins and Halloween. It inherits many of the traits of red, but is less passionate. Orange has been known to stimulate the appetite. As a citrus color, it can also symbolize health.

Yellow: Yellow symbolizes sunshine and warmth. It can mean hope, light and energy. On the other hand, it can mean weakness or illness, or symbolize cowardice.

Cool Colours

Green: Green signifies health and growth (vegetation) and wealth (money). Green symbolizes spring, renewal, and fertility. It can also mean jealousy or inexperience.

Blue: Blue is one of the most calming colors and is associated with the sky and the sea. It is considered to be a "safe" colour and signifies intelligence, reassurance, and trust. Blue has also been known to be an appetite suppressant and can signify depression and sadness.

Purple: The combination of red and blue, purple is one of the most intriguing colours and symbolizes creativity. Purple is spiritual and mysterious. Deep purple is associated with royalty and richness while
lavender is associated with romance and nostalgia.

Neutral Colors

Black: Black can represent power, elegance, and sophistication, but it can also represent death (Western culture), evil, anger and sadness.

White: White represents cleanliness, purity, and spirituality. It represents life and marriage in Western cultures, but it represents death in Eastern cultures.

Grey: Grey is the combination of black and white. It is a conservative colour. Grey can symbolize security, maturity and reliability, but it can also signify gloominess and sadness.

Brown: We like to classify brown as a "special" colour. Sometimes brown can be used as a neutral and sometimes as a warm color. Either way, brown represents credibility and stability, the hearth, home and the earth.

Choosing a Colour Scheme

Once you understand colors and their connotations you are ready to begin choosing a color scheme for your site. But, where do you begin? Let's look at different types of color combinations.

Monochromatic color schemes use a single color. Differing values of the chosen color can be used to create the feel of different colors. Monochromatic color schemes are harmonious and peaceful. Using a single color creates unity and can help to create or tie things together.

Analogous color combinations use colors that are related, but not the same, to create visually appealing schemes. A selection of blues and purples, or reds and oranges create an analogous color scheme. Two or more colors can be used in an analogous color scheme however, one color is often used as a dominant color while others are used as accents.

Contrasting colors are complimentary and pleasing to the eye. Colors that are opposites create contrasting color schemes. For instance, yellow and purple or red and green are contrasting colors. Contrasting color schemes generally use a warm color and a cool colour but it isn't necessary to use the startling and obvious combinations, like blue and orange. You might try beige and light blue or maroon and forest green to create very pleasing and contrasting combinations.

A word of caution concerning contrasting colors. Generally, the eye has difficulty focusing on contrasting colors at the same time. Orange type in a blue background is very difficult for your viewer to read. Use contrasting colors for your accents and avoid setting strong contrasts as background and type colors or take them down a notch. A light orange, almost cream, dark blue background is much more readable and still a contrasting combination.

Triadic color combinations are comprised of three opposing colors. Red, yellow, and blue would be a triadic color scheme. Like contrasting color combinations it is not necessary to use full strength, startling combinations to create effective triadic color schemes. Using a more subdued value of one or more color can help to create greater subtlety, harmony and readability for your site.

It can be a lot of fun to choose colors. Colour is all around us, from nature to our cars, furnishings and the multitudes of designs we see on the Web and in print. Look around at the colors that other designers have used. Ask yourself what you like about them, or what you don't like. Nature is an unbeatable resource. Flowers and birds, mountains and deserts all provide fabulous color combinations. When you see a color combination that thrills you jot it down and save it for the future. You never know when you may be in
need of a fabulous color scheme for a new site or an update.

Article created by Blue Ice Web Design

Author Information

This article was created by Blue Ice Web Design Limited, they are a website design company based in the UK that offers many website design services at competitive prices.

http://www.blueicewebdesign.co.uk

Website design, redesign, logo design, seo, internet marketing, website maintenance at competitive prices

Please Note: If you are copying this article for use on your website then you must include the entire article unchanged including the links to the author site and the author information.

<<<<< Get back to the articles main page

Website design and development + unlimited revisions + search engine optimisation (SEO) + free hosting and domain name for a year from just £149.

Visit our website design page or get a free no obligation web design quote today.

Logo design just £49 inc VAT - visit our logo design page now.