Tuesday

76 How To Use Color In Logo Design Effectively

When studying color theory we are given an understanding of the color wheel and the harmonious relationships that can be forged between these brothers of reflecting light… It is here that we are given a cheat sheet on how to use color effectively to communicate the right message.

Below we use this knowledge to go behind the scenes of color theory in logo design while looking at various case studies of logo designs that use these principles. Enjoy.

The Color Wheel – Our Cheat Sheet.

Colour Wheels

This wheel, that shows the relationships of colors, is a handy little tool to understand. Without going into any great detail of how the colors of the wheel are established (which is pretty interesting to know), we’ll just tip or toes into the water.

The panels that have an outline above, with their linking lines, show the relationships colors have. For example, complementary colors are the colors directly opposite each other. In our illustration above (the first wheel highlights the relationship), red and green are directly opposite, so they’re complementary. Just as the blue on the left and the yellow on the right are complementary, the orange and light blue, and so on.

These aren’t the be-all and end-all of color combinations obviously, but they’re good places to start when choosing what colors you might want to use for a project. As you’ll see in the following examples, sometimes you might use three out of four tetrad colors, or go for an analogous harmony but stretch it out one more and skip one.

The wheel is our simple guide into the world of colours – something to use when you find yourself in a place of bother, or something you may choose to ignore. With that in mind, sometimes one may decide to ignore the wheel, but work with colour meanings and psychology instead. It should be noted that it isn’t exactly a science. Ask a hundred people what red means and you’ll likely get dozens upon dozens of different answers – none wrong. But again, it’s a great starting point and gives you insight into how your audience may instinctively perceive something you’ve put together.

Color Meanings & Theory

Color can make or break a design so it is vital that you know what colours mean and what they can communicate. Below are some ‘meanings’ of color. [Source]

  • Red evokes aggressiveness, passion, strength and vitality
  • Pink evokes femininity, innocence, softness and health.
  • Orange evokes fun, cheeriness and warm exuberance.
  • Yellow evokes positivity, sunshine and cowardice.
  • Green evokes tranquility, health and freshness.
  • Blue evokes authority, dignity, security and faithfulness.
  • Purple evokes sophistication, spirituality, costliness, royalty and mystery.
  • Brown evokes utility, earthiness, woodsy-ness and subtle richness.
  • White evokes purity, truthfulness, being contemporary and refined.
  • Gray evokes somberness, authority, practicality and a corporate mentality.
  • Black evokes seriousness, distinctiveness, boldness and being classic.

Visa – Complementary

Visa Complementary

This is a great place to start. This is as straight as it can be – direct complementary colours, no ifs, no buts. Yellow is directly opposite blue, so there isn’t a lot to talk about in this regard really, other than the yellow is a little orange, but let’s not too picky. Let’s have a look at the meaning of the colors.

Visa WheelBlue is a color often associated with trust, loyalty, royalty, friendliness, wisdom and peace. It can also be associated with the less noble feelings such as depression, but given the context, not an association easily made—especially with our optimistic, wealthy and joyful yellow sitting calmly on the shoulder of the logo.

Remember, colors have a multitude of different meanings for different people – it’s all about context and the brand as a whole.

Wisdom, wealth and trust — what more could one ask for from a company at whom we throw wads of cash?


Samarra – Tetrad.

Image

Samarras WheelWhen it comes to tetrads, things can get a little dicey. Giving four colours equal footing is risky business, so it’s often better to have dominant colours and weaker colors – the Samarra’s logo is a good example of such a situation.

Our two dominant colors dance together as a perfect complementary pair, with the two others giving them a little support as minor players.

This isn’t exactly a perfect tetrad – our two minors are complementary to one another, but not perfect partners for the two majors in regard to a tetrad. They’re close, but off by one panel. The lighter orange is closer to red on our color wheel and the blue is closer to green. In fact, the major colors are a little off as well, but being tints, we’ll give them a little room to move to help explain the harmony. It is a great example of taking color theory as a base on which to work from but not necessarily to hold as gospel.


McDonalds – Loosely Analogous.

Image

How could I possibly write on colors in branding without making mention of one of the most effective uses of color in history? No one short of the Nazis, terrifyingly enough, has managed to use a combination of colors in such a recognizable and powerful way.

McDonalds WheelWhen I was younger I saw a documentary in which the McDonalds logo was discussed. I particularly remember a man making mention of the feeling that the red and yellow evokes – hunger. At the time, this idea fascinated me for at least a moment as I remember wondering how that could even be. Being a child, I probably put it down to magic or elves or.. something. It’s fun being a kid. Flash forward however many years and we have Wikipedia, with, under it’s entry for color psychology; “Studies show that red can have a physical effect, increasing the rate of respiration and raising blood pressure; red also is said to make people hungry.” So maybe not elves after all.

Red can understandably cause a feeling of hunger—it’s the color of the flesh, blood and health – maybe it isn’t only a modern day thing, maybe it’s an evolutionary association we have? Red also cues thoughts of speed, which is what fast food chains pride themselves on.

Then there’s the yellow. Again, Wikipedia informs us that yellow is the colour of joy and happiness, sociability and friendship. With their focus on children on the playground and friends grabbing a quick bite whenever out, yellow seems like an obvious choice. If you can associate your business with being part of any outing routine, you’re doing something right.

Ironically, while this combination has undoubtedly influenced many, many fast food chains, it’s also the colors of danger, death and panic – although some do think of these when eying the golden arches. There is an example further down of how pre-existing connections can be ignored, with the FedEx logo.

Or, you know, it’s just ketchup and mustard.


Koloroo – Tetrad.

Image

This is a fantastic combination of colors – they scream Australia. Sunburnt deserts, beautiful beaches, nature and sun – it doesn’t get much more Australian than that. Symbolism: check.

Koloroo Wheel

Light colors that overlay and dance with one another in the shape of one of our treasures. If you’ll notice, the red of the head and feet of Skippy contrast well with the light blue that dresses the name. If the colors were in reverse order within the illustration, this one might have come off as tacky – looking as if the intent were to have the colors graduate between the illustration and the text. Not a great look in my opinion – might even have looked like a printing error. The contrast shows a deliberate thought of how the illustration and the text would interact with one another visually.

As for harmony? Simple – it’s a perfect tetrad.


9Rules – Complementary with a slide.Image

From red to green, from flame to flora. And an interesting use of complementarily harmonious colors.

9Rules WheelRed and green are perfect complementary colors, with all those between in our logo hitting almost all other colors (in a 12 panel colors wheel) between them. A lovely use of riding the spiral of colors in an effort to evoke passion (the red), growth (the graduation of size and change in colours being in step) while representing nature (the leaf) and gentleness – not often the feeling one gets from a technology company.

It’s often good to go against the grain, as I found with the next logo.


FedEx – Kinda, sorta, analogous.Image

Orange and purple are analogous at best – you know, if you skip a couple of steps and make your purple closer to blue than red. But color harmony isn’t the reason these players has been brought to the grounds today. No, it’s because of the power they have together through the strength of the branding used by this shipping giant.

FedEx WheelColor harmony theory might not work in favor of this combination, and nor does color psychology to any great extent, no matter how many drops I try to squeeze from various sources around the web.

The colors just work. Neither is weaker than the other, neither one quite what you’d expect from a shipping company. The branding is the opposite of what companies following McDonalds did – it doesn’t go with the expected. It isn’t the standard blue and red of mail delivery.

Choosing the opposite of the norm, going against the standard or expected, helps set a strong contrast between you and them. It helps you stand out. While everyone else might be blue, you’re purple, them red, you orange. Not a great departure from the norm really, but one strong enough to make a difference.


Sports Link – Split Complementary.

Image

Another almost perfect example of color harmony. Sports Link uses a split complementary.

Sports Link WheelThe symbolism of the colors works well for the client too. The blue symbolises tranquility, trust, coolness, wisdom and mobility. The green; life, nature, spring, youth, good luck and vigor. The red is associated with passion, energy and strength. I don’t want to say perfect, but for a sporting company—well, you’ll excuse me for thinking it might just be.

The colors are light without being too vibrant and shocking, helping ground the company as a serious business. This combination of colors is one you could probably easily find on anything that is aimed at children, from movie posters to toy packaging. But the subdued, almost subtle colors, gives this logo some feet on the ground.

It all just fits, doesn’t it?

Rules are Made to be Broken

Clearly, the rules that color harmony lays before us aren’t laws. At best, the are merely guides, to be followed if one chooses, but also ignored or used as nothing more than a starting point. The same can be said of the meanings behind colors. Different cultures see the symbolism of different colors through different eyes. Different, different, different. But this isn’t a bad thing by any means.

Red and blue were traditional colors for mailing, then FedEx came along. McDonalds set a standard in using red and yellow for the fast food industry. This is where the beautiful spark of creative thinking starts to ignite. Nothing is set in stone. It use to be that light blue was the color of girls, and pink the color of boys. Things change.

The designer is in a position of power because of this. If something is considered and understood, then a monumental shift can occur in the result. Just because every other business in your client’s area uses green, it doesn’t mean you need to develop a logo of green. Discover why they use it, their reasoning for it, and see if you can give the same effect with red, or blue or orange.

In closing, it might be best to say that if there were a strong platform on which the mantra ‘to break the rules, you must know them’ can sit upon, then surely it is the platform of color.

Technology affects logo design in different ways, one of which is the applications of the mark. Just a short while ago this would mean that designers were responsible for designing a mark that would reproduce well when faxed, while this is still true it has become less of a necessity. One of the new applications that logo designers are faced with that is arguably even more difficult is creating a mark that can scale down to the 16×16 pixel dimensions of a website’s favicon.

What are the options?

There are a number of options that a designer can take when applying a logo design to a favicon. Below are three ways to convert your logo design to a favicon successfully.

1. Show the Full Logo or Optimized Variation

If the original logo is simple enough this is a great option. It is very likely that the original mark is too complex to accurately render at such a low resolution. It is also recommended that the vector mark be adjusted to better fit the low resolution of the icon, for more information see the article Icon Design Explained by icon design expert Jon Hicks.

2. Show a Segment

Often times when the mark is too complex to use in its entirety, a small yet distinguishable portion of it may be used instead. Doing so creates a visual reference to the mark and identity without having to attempt and fit complex detail into such a small area.

3. Pull Away from the Identity

It is also entirely possible that the favicon can be treated as an entirely new design problem. In this scenario it is common to see the overall identity of the company / service / product applied to the favicon in an entirely new way.

FavIcon Examples

Below you will find some examples of the options mentioned above.

1. Full Logo & Optimized Variations

Hick’s Design – http://www.hicksdesign.co.uk/

hicksdesign

37signals – http://www.37signals.com/

37signals

FANCAST – http://www.fancast.com/

fancast

Coudal Partners – http://www.coudal.com/

coudal

2. Segments

Ars Technica – http://www.arstechnica.com/

ars technica

Twitter – http://www.twitter.com/

twitter

Nintendo – http://www.nintendo.com/

Nintendo

GOOD Magazine – http://www.good.is/

good

3. Identity Extensions

Makefive – http://makefive.com/

makefive

Facebook – http://www.facebook.com/

facebook

Flickr – http://www.flickr.com/

flickr

XBOX – http://www.xbox.com/

xbox



About The Author

This blog was created by ELO DESIGNER to share his wealth of knowledge and researches with other designers and design lovers, to give them guidance and inspiration. Comments and suggestions are always appreciated. Thank you. Follow my daily design links on Twitter or Add me on your social network.

If you enjoyed this post, please retweet or stumble to say thanks!

76 comments:

MMNetwork said...

Enlightening blog. Thank you

ProjectX said...

Oh I didn't know I was doing it right :)

Anonymous said...

Really Interesting.
Thank you.
Orlanda Lee

Think Smart Designs said...

Thank you guys for stopping by

Anonymous said...

This was AWESOME!!!

Logo Design Services said...

Excellent post ! You make some brilliant points very nice realization. keep it up

online logo design said...
This comment has been removed by a blog administrator.
chris said...

This is my first time i visit here. I found so many interesting stuff in your blog, especially its discussion.A custom logo design can impel professionalism, differentiate products, unify product lines, and also can create a brand.

Eva said...

logo design

That’s a really good approach thanks for the sharing this great concepts. It help me a lot how can we implements the idea

http://www.logodesignmaestro.com

logo designs said...

Excellent post, thanks for collating the information. I have been searching google and yahoo for information related to this and it led me to your blog! :-)

Logo design said...

One of the greatest thing which i like in this blog is the way of sharing some of the useful and usual facts,so i really like it,thanks for sharing.
logo

Maggie John said...

Thanks for taking the time to Share this, I really feel strongly about it and love learning extra on this topic. If doable, as you acquire expertise, would you mind updating your weblog with extra info? This can be very helpful for me.

Logo Design

Logo design said...

An awesome blog this is,and a great source to get updated by some of the greatest facts,the work you did in order to implement this,is absolutely magnificent
dissertation

Think Smart Designs said...

Thank you guys for all the comments and appreciation

Amanda said...

There are millions of blogs currently on the world wide web but this is the top one due to the useful information you are sharing with the readers. Thank you

dissertation writing

martha said...

I am really enjoying your blog, it has provided me an immense information I was searching for months.
I am working on my literature review and it seems that with your blog's help,I will come up wiht a perfect review.Regards

Beverly said...

Amazing, the up to date information has enhanced my knowledge alot. Keep posting such useful posts so that I can reap maximum benefits from them. Thank you
logo design

Company Logo Design said...

Superb blog post, Awesome collection of Logo’s,all of them are nice and perfect,I really like your post,thanks for sharing it with us.

pamella said...

This is my Good luck that I found your post which is according to my search and topic, I think you are a great blogger, thanks for helping me outta my problem..
Dissertation Layout

jhonblack said...

A logo design is a graphical element that effectively depicts the style, personality and mission statement of a company to the whole world.logo design

Corporate Logo Design said...

Wow such a wonderful post really very inspiring and motivating,I appreciate your great effort to make this awesome stuff which offers lot of creative information for the designers .Great job keep it up.

Logo Designer said...

I'm still learning from you, but I'm trying to achieve my goals. I certainly enjoy reading all that is posted on your blog.Keep the information coming. I loved it!
Logo Designer

Template Design said...

Your blog is really awesome. i am so inspire to visit your site. Thanks for sharing this informative article.

Custom Logo Design said...

Awesome blog! I will for sure drop by it more often!

Alis Stafford said...

Thanks for sharing helpful information, I really like your post.
Sudoku

Small Business Logo Design Packages said...

Great article, it was very helpful! I just started in this and I'm getting to know it better! Cheers, keep up the good work!

logo design uk said...

This is really a great post an informative one!I am sure lot of people will get benefit from it..

PSD To Wordpress said...

I am so grateful for your blog article.Really looking forward to read more.

alex said...

Nice post.I am looking forward for new ones, keep up the great work.
Branded Logos

Custom Logo Design said...

Nice Post!
I am really enjoying your blog, it has provided me an immense information I was searching for months.

silentt said...

Want to prepare a unique logo for your websites,(10370)
we are here for your services, we gives the unique & best logo design with cheapest rates..
For more details visit: http://eazy2earn.com

Essay Writing Service said...

Wow, nice post,there are many person searching about that now they will find enough resources by your post.Thank you for sharing to us.Please one more post about that..

Affordable Writing Services said...

Hey i do love your post and this blog make me awesome..very useful and i like to share this into my friends just to read your post...well this blog say in keep up your dream and lets make that together..thanks again for posting..what a great blog.

Logo Design Company said...

I found so many interesting in your blog especially its discussion. keep up the good work.

Cheap Essay Writing said...

I always enjoy reading such posts which provide knowledge based information like this blog. Keep it up. Cheap Essay Writing
Professional Essay Writing
Dissertation Writing Services
Thesis Writing Services
College Essay Writing

Paper Writing Services said...

This is nice-looking very interesting. I actually never thought I could have a good read by this time until I set up out this forum. I am thankful for the given particular information. Paper Writing Services
Thesis Paper Writing
Research Paper Writing
Letter Writing Services

Cheap Essays said...

There Is Obviously a lot to know about this. I suppose you made Some Great points in the Feature also. Cheap Essays

Umrah Packages said...

A great post, thanks for taking the time to share, continued success to your site in the future! GOOD Work. Umrah Packages
Economy Umrah Packages
Family Umrah Packages

Wholesale Towels said...

This is really my very first time here, great looking blog. I discovered so many interesting things inside your blog especially its discussion. Wholesale Towels
Wholesale Cleaning Towels
Wholesale Hand Towels
Wholesale Microfiber Towels
Wholesale Salon Towels
Wholesale Shop Towels
Wholesale Vending Towels

Used Police Cars said...

I love this type of educational blog very much.Nice effort. Keep it on with this type of post. Used Police Cars

Umrah Packages said...

I suggest this site to my friends so it could be useful & informative for them also Great effort. Umrah Packages

Android App Marketing said...

I really love this post. Its really a great information in this blog. Keep it up. App Marketing Online
Android App Marketing
iPhone App Marketing
iPad App Marketing
Mobile App Marketing
App Store SEO

Tom Brian said...

Wow, nice post.Thank you for sharing to us.Please one more post about that..

Airport Taxi

Cheap Essays said...

Impressive work I like your post you have shared.
geoessay

Custom Essays said...

Your work is really being appreciated. Great piece of work.
Custom Essays

Search Strings said...

You may write about the resources on the weblog. You could referrals it's perfect. Your website ranking could increase your main point here
Search Strings
SEO Company
Google Adwords
Social Media
Web Analytics
Conversion Optimization
Reputation Management

SEO Company said...

Good work by the blog writter! such a nice and informative article keep shearing more articles.

Tina brian said...

Awesome post this one realy helped me at my point of confusion :) Realy thanx alot for sharing :) Keep it up ;)
Billy Bishop Airport
YTZ Airport
Taxi to Billy Bishop Airport

Custom Essay said...

Really cool blog. Amazing work thanks for this amazing stuff!

Cheap Essays said...

The blog is good enough, keep up writing such type of posts

Cheap Essay
Cheap Proposal Services
Cheap Letter Writing
Cheap Assignment Writing
Cheap Book Report Writing
Cheap Thesis Writing
Cheap Research Paper Writing

Torronto Pearson Aiport Taxi said...

Good post, keep up the good work.
Toronto Pearson Airport Taxi
Toronto Airport Taxi
Pearson Airport Taxi

Tina brian said...

Thanx for sharing such useful post keep it up :)
Cereb

Burberry Outlet said...

hi!,I love your writing very much! percentage we communicate extra about your article on AOL?
jordan shoes
moncler outlet sale
Prada Outlet
North Face Outlet Store
ugg boots outlet
ASICS Noosa
kate spade outlet
oakley outlet
ray ban outlet online
polo outlet
ASICS Gel
Chaussures pas cher
Ray Ban pas cher
Burberry Outlet Online
Ray Ban Outlet Online

moncler outlet said...

hi!,I love your writing very much! percentage we communicate extra about your article on AOL?
jordan shoes
moncler outlet sale
Prada Outlet
North Face Outlet Store
ugg boots outlet
ASICS Noosa
kate spade outlet
oakley outlet
ray ban outlet online
polo outlet
ASICS Gel
Chaussures pas cher
Ray Ban pas cher
Burberry Outlet Online
Ray Ban Outlet Online

Workers Compensation said...

Excellent blog, lots of useful info. happens all the time.
Pain Treatments
Botox Injections
Discography
Epidural Injections
Epidural Lysis Procedure
Facet Blocks
Intercostal Nerve Blocks
Intrathecal Pump Therapy
Intradiscal Electrothermal Therapy
Intercostal Nerve Blocks
Joint Injections
Platelet Rich Plasma
Percutaneous Discectomy
P-STIM
Racz Epidural Neurolysis
Radiofrequency Lesioning
Selective Nerve Root Blocks
Spinal Cord Stimulation
Sympathetic Nerve Blocks
Vertebroplasty
Pain Locations
Arm Pain
Abdominal Pain
Back Pain
Cancer Pain
Chest Wall Pain
Disc Herniation

Stem Cell Therapy said...

Nice article and such a good information. Thanks for your excellent posting. I really enjoyed reading this blog.
Platelet Rich Plasma Therapy
Elbow Surgery
Shoulder Surgery
Knee Replacement Surgery
Stem Cell Therapy

Max Petter said...

Really great blog!
Toronto Airport Taxi
Ajax Airport Taxi
Mississauga Airport Taxi
Burlington Airport Taxi
Hamilton Airport Taxi

Albert Barkley said...

Color theory always work good specially when you are working on 3D designs or color imaging. Thanks for sharing the info. Dissertation writing services

Roger Bannister said...

Nice article and I admire your work. Your blog was so informative and having good knowledge. Thanks for your post.
Cheap Dissertation Writing Services

Robert Winston said...

See available Current Deals including Online Shopping, Dubai Shopping Festival and Online Shopping UAE
in Dubai at hotshot deals Website.

Darryl Hicks said...

excellent effort ..Darryl Hicks Tungsten

Robert Winston said...

Good work…unique site and interesting too… keep it up…looking forward for more updates. Chicago hummer limousine

Chris Greenwalt said...

Logo designing is although a difficult thing to make but however there are different tools available that can make you able to make a logo with eye catching colors. Cheap dissertation writing services

Abdul Rehman said...

This is awesome, thanks for sharing.Driving school

Cite Menu said...

Nice post thanx for sharing. Keep up the good work.

City Media Group said...

Wonderful post! We are linking to this great article
on our site. Keep up the great writing.

Tiffany Newcomer said...

Thank you for sharing this article, it is great info provide me. visit best leading
logo design services

computer science dissertation said...

Superb post ! You make some splendid focuses extremely pleasant acknowledgment. keep it up

subject essay writing said...

You make some impressive concentrations to a great degree lovely affirmation. keep it up

Pramod Singh said...

Mini Militia Mod Useful and well written post. Thanks for the share. Continue your good work

Sumera Khan said...
This comment has been removed by the author.
Sana Jamal said...

I Link Tours team has an incredible job in organizing and managing everything possible during hajj 2015. I had a wonderful experience with them and I will definitely recommend others to use your services for this great cause. Ramadan packages

Larry Morales said...

Utilize your color sense while designing your logo. Choice of color is important and it attracts more clients. Dissertation writing service

Hiba Farooqi said...

Utilizing the color sense is a nice idea.


Umrah Package

Sumera Khan said...
This comment has been removed by the author.
Sumera Khan said...

Hajj Umrah Packages made our Hajj in 2016 as comfortable as possible so far assumed so as to it’s a pilgrimage and to the most important element is to worship Allah (S.W.T) and direct us completely. Friendly workers, prepared and a extremely calm trip.
Best Hajj Packages

Post a Comment