The Meaning and Psychology of Colors

The Designer's Handbook of Colors

Any self-respecting designer has to know quite a bit about the psychology of colors, and how a color or a combination of colors instinctively affects the visitor's first (and second) impression.

If you are a site owner and simply browsing this for your own website redesign and project, it can also help you determine which set of colors to go with, or at least what should be the dominant color of your website.

There are universal color associations, and then there are the sometimes more prominent personal associations, as well as culture-dependant associations. The first question you should answer positively is what is your target audience? If it is international, or somewhat international, then you should only concern yourself with universal color associations.

Universal Color Associations

There are many advanced articles already written about the meaning of individual colors, but for the purpose of design, and as a quick colors reference, here is a very brief summary of colors, mostly focusing on the positive associations.

Yellow is a clear attention-grabber and mostly associated with liveliness and the feeling of happiness. It is energetic.
Orange radiates cheerfulness, enthusiasm and creativity, but what is very often important when designing web sites, it is also associated with affordability.
Red is mostly associated with boldness, excitement and desire. It is a powerful color, whose negative associations due to traffic lights, alarms etc. should not be underestimated.
Pink is usually associated with romance and tenderness, but it has also been shown to have a calming effect. After adjusting, the calming effect usually transforms into agitation.
Purple has traditionally long been associated with power, nobility and wealth. It is also strongly associated with wisdom and spirituality, as well as magic and mystery.
Blue is one of the most liked colors, especially by men. It is linked with depth and stability, professionalism, honor and trust. Blue raises productivity, and diminishes the appetite.
Green is the color of nature and everything natural. It is identified with safety and optimism, durability and reliability, harmony and freshness. It is a calming and stress relieving color.
Brown is a reassuring color of endurance, relaxation and confidence. It can be thought of as conventional or rather sophisticated and solid.
Gray provokes feelings of conservatism, traditionalism and seriousness.
White signifies purity and innocence. Further associations are cleanliness, newness and simplicity.
Black is, especially in design, an elegant and stylish color which can imply sophistication and strength, or provoke feelings of mystery. It is also associated with depth or gloom.

Previous: Screen Resolutions and Usability
Next: Color Preferences by Gender

Web Design Essentials

  • The World of Art and Design
    Definition of 'world' and what is the meaning of all this?
  • Screen Resolutions and Usability
    The elementary design challenge.
  • The Designer's Handbook of Colors
    The meaning and psychology of colors, including the best color tools and usability testers.
    • Universal Color Associations
    • Color Preferences by Gender
    • Color Tools & Testers
    • Further Reading
  • How Much Google Can You Kiss?
    Healthy basics of search engine optimization, plus whether to relax or start a revolution.
  • Design Prices
    On excellence, design services and the adequate prices of web design.
  • Design As a Form of Art
    Why web design is a multitasking discipline.
  • Download Free Wallpapers
    Fresh from Photoshop: Free high resolution designer wallpapers for your desktop!
  • Download Free Fonts
    Pretty True Type fonts for personal and commercial applications.
  • HTML Special Characters
    The complete guide and reference: fancy symbols, special characters, all of it.

  • Sabina Nore - A Condensed Outline
    On why June 22nd is a beautiful day.
  • The Final Frontier: First Contact
    This is where you can contact me, to request a free quote, or ask an intricate question.

Share with others

Bookmark at Digg Bookmark at Del.icio.us Bookmark at Reddit Bookmark at StumbleUpon Bookmark at Yahoo Bookmark at Google Bookmark at Diigo

And now for something completely different

My ♥ recommendations
for obviously subjective reasons:

♦ Ego Dialogues
♦ Deep Spirits
♦ Top Tip Spot
♦ GamesLark
♦ GamezArena
♦ Homdor

Valid XHTML Valid CSS W3C-WAI Level Triple-A conformance

Respect copyrights I categorically disagree that 'imitation is the sincerest (form) of flattery', as said by Colton. That is what inspiration should be.
Respect the copyrights and intellectual properties of others and find that spark within yourself. Inspiration is beautiful. Imitation is not.
PS: You are welcome to link to any page of this website, but please don't 'grab' my contents without my permission.
It is meant to help, teach or inspire - not be duplicated.
A designer's views on art, web design and design in general. Elementary symbols
© Sabina Nore, All Rights Reserved
Are you in search of new color schemes or divine inspiration? Look around you.. fresh color brews and visual stimuli are everywhere!
»More about colors