Color In Design: Green

Share this article

So far in this series we’ve looked at blue and red with some examples of their use in design. Today it’s the turn of the color green. Like blue, green is closely associated with nature and growth. The term forty shades of green is certainly appropriate and when you think about the names of the many green hues greens you can see why: sea green, emerald, grass green, apple, forest, leaf, sage, olive, pea green, fir and moss green to name but a few.

Just thinking about language and common phrases may help a designer decide what kind of feeling their use of green conveys. Green has many good connotations: getting the green light, moving to greener pastures, earning some greenbacks. Likewise green has its dark or unattractive meanings: the green-eyed monster, feeling green around the gills and simply being green, i.e. inexperienced.  I don’t think many designers want to come off as green, nor leave the visitors of the site feeling green around the gills.

Using Green

There are so many green hues, it makes for an extremely flexible color. It can be warm in the yellow-green side of the color wheel and cool in the blue-green and aquamarine. A lime green can make a design pop, olive green is much more subdued, while light green can give a clean spring time feel. Combining green with blue conveys feelings of water. Adding beige or brown gives an earthy organic feel. White and green is fresh and outdoorsy while purple and green is high contrast (and needs to be handled with care).

Green Logos

In previous posts on color in design, it’s been easy to pick out a large number of very famous logos, but when it came to green I found it quite difficult to think of some really well known global brands with green as a major color. (While I did come up with a few, I have to give a thank you to some Twitter friends who helped out.) It seems that in the world of massive corporations, green is not as popular as red or blue. Please feel free to add to the list. Here are a few:

bp-logo landrover
Recycle StarbucksLogo
GreenPeace

Below you’ll see ten websites with varying shades of green appropriate to their content and audience. What do you think about the use of green in these sites?

Bird Malaysia
BirdMalaysia
Leaf Span
leafspan
Scout
scout
I-Avion
i-avion
The Fruit Box
FruitBox
Tolingo
tolingo
Come2Play
Come2Play
The Medium
TheMedium
Version App
versions
Silverback
silverback
Are you a fan of the green?

Jennifer FarleyJennifer Farley
View Author

Jennifer Farley is a designer, illustrator and design instructor based in Ireland. She writes about design and illustration on her blog at Laughing Lion Design.

color theoryDesigngreenWeb Design Tutorials & Articlesweb sites
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form