Websites & Color – Color Psychology

By on

9179 reads | 4 comments

Website ColorColors are can be separated into groups depending on how they make you feel. There are three basic groups of colors: cool, warm, and neutral. Picking the color group for your website should be based on the feelings you want to invoke. Also, consider using colors from each of the groups, to give you site balance.


Cool colors typically have a calming effect. While that sounds appealing, too many cool colors can feel cold or impersonal. Adding in some warm or neutral colors can help make a suite feel comfortable and soothing.

Cool colors include:

  • Blue
  • Green
  • Turquoise
  • Silver
  • Gray

Warm Colors

Warm colors invoke excitement in people. Unlike soothing cool colors, they typically cause strong emotional reactions. Too many warm colors on a website can be over-stimulating and may overwhelm your visitor.

Warm colors include:

  • Red
  • Orange
  • Yellow
  • Pink
  • Gold
  • Brown
  • Neutral colors

    Neutral colors are best used as backgrounds and font colors, but they are also very useful in bringing together other color combinations. They help draw attention to featured colors, making them pop more. They also tone down color palettes that may be overwhelming otherwise.

    Neutral colors include:

    • Black
    • White
    • Gray
    • Ivory
    • Brown
    • Beige
    • Bio
    • Posts
    • Facebook
    • Twitter
    • LinkedIn

    Websites & Color – Color Psychology - by Kelly

    – who has written 194 posts on Alphabetix.

    Email Kelly

    Has Written 194 Posts On The Alphabetix Blog

    Connect With Kelly On Facebook

    Follow Kelly On Twitter

    Network With Kelly On LinkedIn

4 Responses to “Websites & Color – Color Psychology”

  1. avatarMark Andrew

    I never thought that color have such an effect on creating a blog site.I thought it is just another way of putting some design for your site. Reading this article gives me a lot of ideas about colors its category and effect on the website. I prefer cool and warm color for my next webdesign.

  2. avatargenary

    Thanks for this post, this color wheel can really help on creating and combining colors when I will make my web page.

  3. avatarJmbpsy

    Colors are everywhere around us, they instill us states of mind, feelings, they give us the strength to move forward or they sink us into a deep silence. They are also the basis of a successful website!

Have Your Say

  • (will not be published)

CommentLuv badge

Enjoy These Posts Similar To Websites & Color – Color Psychology

Colored Pencils

How Color Affects Purchases

Curious about how color affects purchases?

Websites & Color – Color Tests

We've spent some time looking at web design and color. Now it's time to test yourself.

Websites & Color – Color Tools

There are a ton of great tools that you can use to help you build color palettes for your website.

Websites & Color – Color Palettes

Once you understand the basics of font color choice and the psychology of color, picking a color palette can be a... Read more »

Online Business – Freelance

Freelancers provide professional services that are often artistically-based, such as writing, graphic or web design, photography, illustration or programming.

Websites & Color – Browser Safe Colors

We've been exploring the relationship between color and website design. One issue with color that is unique to the web... Read more »

Websites & Color – Text Color

We've been exploring how color affects the usability of websites, from the meaning of color to color psychology. Another... Read more »

Enjoy These Tutorials Similar To Websites & Color – Color Psychology

How To Sign Up For Tumblr

If you haven’t heard of Tumblr yet, well this post is for you! Tumblr lets you effortlessly share anything, and they... Read more »

QR Code
What You’re Doing Wrong with Your QR Code

QR codes have been called the next big thing, but the way most businesses use them, they aren't worth much as... Read more »

Complete LinkedIn Profiles

Check out these great tips from LinkedIn about creating a complete profile.

The New(ish) Look of Gmail Explained
The New(ish) Look of Gmail Explained

Are you a gmail user? Is there anyone out there that isn't? If you are, you may have noticed (we hope... Read more »

Geek Pimp
5 Places To Pimp Out Your URL

Five places you may have overlooked that are perfect mechanisms to announce, broadcast, show, and basically pimp out your website URL... Read more »

Don't Miss This Fun Stuff

404 Day Not Found
Happy 4.04 Not Found Day

Today is April 4th, or otherwise known as 4.04, which just happens to be the 404 HTTPS error status code for... Read more »

Hashtag Cartoon

Ah, hashtags. We love you and your ability to clarify and classify.

Corporate Logos
Play Name That Logo

When consumers think about marketing and advertising, they think of advertisements, television and radio commercials, pictures in magazines and billboards. Seldom... Read more »

A Little Late for Christmas
A Little Late for Christmas

It may be a little late for Christmas, but it's never too late for a little humor involving Google. Check out... Read more »

Yahoo Answers
Some (Humerous) Insight into Yahoo! Answers

I came across this amusing insight into the world of user-generated content on National Post. In it, Gene Weingarten discusses... Read more »

Social Media Grandma
Social Media, Granny Style

Have you seen Chacho Puebla's Grandmother Tips? They are a hilarious and relevant set of tips that our grandmas never... Read more »

You Rock, You Rule
You Rock, You Rule