Tuesday

75 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!

75 comments:

MMNetwork said...

Enlightening blog. Thank you

Unknown 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.

Unknown 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! :-)

Think Smart Designs said...

Thank you guys for all the comments and appreciation

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

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.

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!

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.

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

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

Umrah Packages said...

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

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.

Custom Essay said...

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

chicago stemcell 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

Unknown 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

Unknown 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

best cv writing services uk said...

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

Unknown said...

excellent effort ..Darryl Hicks Tungsten

bestessay.org/ said...

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

Chris Greenwalty 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

Unknown 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

Unknown said...
This comment has been removed by the author.
Unknown 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

Unknown said...

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

Cheap Umrah US said...

Utilizing the color sense is a nice idea.


Umrah Package

Unknown said...
This comment has been removed by the author.
Unknown 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

mayazoe said...

First, I have a confession to make. I am very bad with managing my time. I have always had loads of stuffs to do, all piled-up until the very last minute.
homework good

Medical Value Travel India said...

Thanks for sharing post – much appreciated and now following you! Looking forward to your Post....

Health Blog India said...

its very cute. thanks too share.....

Tips and Tricks blog said...

I love that idea. Awesome Post..

penile implant said...

That was a VERY interesting one! Seriously interesting.

Dr. Aanchal Agarwal said...

That is great to hear, thank you for reading!

Dr. Jeevanjyot Bahia said...

That was a VERY interesting one! Seriously interesting.

mayazoe said...

Hi there, I found your blog via Google while searching for such kinda informative post and your post looks very interesting for me.
uptu results

Dr. V K Aneja said...

That is great to hear, thank you for reading!

Dr. M S Chaudhary said...

That was a VERY interesting one! Seriously interesting.

Kala Kutir said...

Awesome article, I am suggest to with you one think your blog was awesome, It’s given me lot of valuable information, I am read it, keep sharing like this type of article, if any one searching how to grow looks so please visit my website and grow up your life style.
Lifestyle Magazine India

Unknown said...

Superb blog, I deeply read your blog and I like to read It, keep share like this type of enjoyable article, thank you so much for share with us this useful information, if any one searching shipping company in India please visit my website.
Custom Agent in India

Astrid said...

I’m impressed with your data. Well detailed! Thanks.. hair salon culver city

Fortallen said...

Incredible article distributed here by you. I have long been eager to adapt new things in relation to this topic, and there is no doubt that I have adapted new things today. Driving lesson Blacktown

Anonymous said...

Credits for providing this type of details and also anticipating even more articles of this sort from you. You exchanged all the facts and quotations in many attractive manner. Umrah Packages

Anonymous said...

Every one of your information are praiseworthy as well as have magnificent facts that gets the attention of readers. Islamic Information Center

Anonymous said...

Baitullah Travel is the ideal companion for your journey to perform the prestigious pillars of Islam "Hajj and Umrah." We provide high-quality services at reasonable prices and assist our customers throughout their prestigious pilgrimage. Our highly professional operatives and the team will assist you in selecting the best packages based on your needs and requirements. If you need unitary guidance regarding cheap Umrah packages, we provide our clients with the most affordable packages. So, if you are looking for Umrah Package, you can email your query at info@baitullahtravel.co.uk. And you can also call us at 0208 124 8088 and can get a free quote for your Umrah Package.

Anonymous said...

I admire to review your messages due to your memorable ideas offered in the post that not only charm but also assist us know lots of things.
Uwatchfree
Playtube

Anonymous said...

I will certainly be waiting anxiously for this type of supreme data as I delighted in a great deal while looking at your blog post.
Aimen Hafeez

Anonymous said...

Thanks for posting this sort of relevant information as well as predicting much more blog posts of this sort from you. Umrah Packages

Anonymous said...

Many thanks for sharing this form of relevant information and imagining further messages of this style from you.
Free Fire Redeem code

Muhammad Ali said...

I have actually under no circumstances experienced the variety of professionals in the corresponding web content.

Discover Everything
The Knowledge Hub

Post a Comment