The Emotion Of Color in Web Design

blog cover image
67
35.1K followers
Updated

Hey Folks,

As an addition to the Design in Wordpress WAbinar, I have created this color emotion guide for YOU. This is merely a guideline on how you can target the right emotion by using some appropriate colors for your site.

Just remember the KISS theory when creating your sites!

  • Gray -- unsettling, moody, dull.
  • Yellow -- cheerful, happiness, optimism, playful, sunny, warm.
  • Black -- authority, power, somber, evil, easy to overwhelm, bold, empty.
  • Red -- energy, excitement, symbol of life, aggressive, passionate, vigor.
  • Green -- conservative, wealth, nature, good luck, fertility, generosity, sickly.
  • White -- purity, clean, sterile.
  • Pink -- calming, gentle, delicate, feminine, tranquil.
  • Blue -- cold, uncaring, focused, dependable, loyal, serene, sedate, trustworthy.
  • Purple -- royalty, religious, superficial, spiritual.
  • Brown -- reliable, stable, earthy.

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

29

I typically will choose Blue as a background on my sites. I try to give my reader a sense of trust in my online sites. I do use Green on my dog site though since it is a natural color and fits nicely with my header pic.

Adding splashes of color in the focus picture can have a good effect on the tone of the article though.

This is just how I try to use color in my sites. I'm not finding it overwhelmingly effective though. Every little bit helps.

I know colors can make a huge difference in conversions with your website as well. Nice to see an actual breakdown of the color scheme.

They absolutely can, button colors are a big one.

Never thought of "button" colors of having any significance.

Yeah, red, orange and yellow can typically have some of the highest conversion numbers for call to action buttons.

I surely wasn't optimistic about my health last time I went to McDonalds!

Nice add Jay, this is great. I also read that Pink evokes laziness so if you are trying to get someone to take action, don't use pink.

This is great, Jay. Thanks!

This is great, thanks a lot Jay!

Thanks you very much Jay! Now I know the reason behind the colors. Blue is my favorite!

I've used color emotion guides to help me create optimal learning environments in my elementary classrooms. Now I get to use these same concepts to design the optimal IM website -- COOL! Thanks, Jay!

thanks this is awesome

Blue has always been my favorite color. It's what I select for about everything. Now I know, your chart says trustworthy, loyal, serene (then it says cold and uncaring). I'm not sure how the cold and uncaring fits in here but I like the rest and I really like blue!!! Thanks for the information.

I agree I don't see how cold and uncaring fit in with loyal and trustworthy. I also am a fan of blue and I use it a lot in my sites. Good information here

Thank you Jay!

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training