50 Green Web Designs to Inspire You

By / May 3, 2010 / Inspiration

A few weeks ago for our Monday inspiration I posted a collection of yellow web designs. So today, we’ll focus on it’s neighbor on the color wheel…green. Although some shades of green can be considered warm, it is a cool color that is primarily used for its calming attributes much like blue, and like blue, green is often associated with nature. With so much focus lately being put on the environment, we see green being used in this capacity, but it can also be used to signify jealousy and envy. Nevertheless, green can have many different meanings. So here are 50 green web designs to help you see how it’s being used, and to help you get some ideas of how you might use green in your next project.

Alex Buga

greensites07

a modern eden

greensites02

Gowalla

greensites03

tori’s eye

greensites04

plain green

greensites05

onehub

greensites06

mint

greensites08

silverback app

greensites09

lionite portfolio

greensites01

Simply Invoices

greensites10

Envato

greensites11

i-avion

greensites12

Green Infrastructure Inc

greensites13

sprouter

greensites14

clear ideaz

greensites15

Plant with Purpose

greensites16

mocapoke

greensites17

cgalvin.com

greensites18

hrasti.com

greensites19

DesignSnack

greensites20

FreeGobbler

greensites21

Logo Labs

greensites22

origencreatives.com

greensites23

cromulent design

greensites24

koffieverkeerd.be

greensites25

zendesk

greensites26

Daguia

greensites27

SprintBio

greensites28

Elite

greensites29

Hearthcore

greensites30

Steve Ottenad

greensites31

go glamping

greensites32

Eco Environments

greensites33

elmwood

greensites34

Emotions by Mike

greensites35

LeafSpan

greensites36

blymp

greensites37

more

greensites38

refresh teesside

greensites39

frogwatch museum

greensites40

Glucone R

greensites41

duplos

greensites42

HyperX Local

greensites43

cullpa

greensites44

Green Globe Ideias

greensites45 2010/05

Breeze

greensites46

tolingo

greensites47

The Fruit Box

greensites48

SproutBox

greensites49

terrededouceur.com

greensites50

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

  • http://paavell.pri.ee/ Paavel

    Great inspiration, I use green color in my new project.

  • Neo

    Like a million!
    I love green!
    That there is still an interesting design http://azovsky.com.ua/

  • http://www.ravi.uxdsign.com Ravikumar V.

    wow!!! really fantastic collections Ms. Gisele Muller.

    I can see a hard work to collect these websites. Keep rocking…
    :)
    Ravikumar V.

  • http://twitter.com/cssfactory CSS Factory

    Nice showcase! There are some designs that I really like.

  • http://www.twitter.com/snarphblat Hillary

    I love Mint.com. That website is so beautiful, but also functional (Current user). I think that is an excellent example that you can create a beautiful, yet functional website. The other ones are pretty too. Thanks!

  • http://www.chrismower.com Chris Mower

    Nice! I’ve always been fond of green.

  • Soraya

    Wow!! I was surprised that she is from Brasil! I am too! But living in the USA… Keep up the good work!

  • http://rachel.learnless.info/ Rachel

    wow!!outstanding design..i like them very much..thanks..

  • http://www.bestfreewebresources.com/ bestfreewebresources

    Amazing collection

  • http://www.rodrigo-silveira.com/design.php Rokko

    some of those are nice, but a lot of them are just a cliche splash page in my opinion…

  • http://www.robotsquid.de Arnold

    Hey nice collection! I just finished a client website. Green was the main theme. take a look: http://www.naturheilpraxis-woerder.de/

  • http://www.kennethglenn.com Kenny Glenn

    Awesome collection of green sites. I love the silver back app site. Awesome CSS layering.

  • Malisa

    heya….thnx for the designs….

  • http://www.sgdoeschwitz.de Grün Weiss

    cool fresh green designs

  • http://www.printfac3.com Printfac3

    Good collection. By the way, our site is green too.

  • http://www.stile.it Alberta

    Super GREEN design!! Can you see if you want http://www.stile.it/verde-con-stile! beijo! 😉

  • http://www.attitudedesign.co.uk Attitude Design | Graphic Design Portfolio

    Nice selection, green is such a fresh colour. I especially like the Eco Environments site.

  • Mise

    I know that green’s the theme, but that’s a lot of vectorised trees.

  • http://www.vectorilla.com vector graphics

    Great collection !!

  • http://www.greenwebhost.com.au/ greenie

    Excellent showcase. This is perfect for inspiration on my next site. Thank you for putting it together.

  • Zlatan Halilovic

    I’m just working on an e-commerce site that is supposed to be a mix of green colors, so this is a great source of inspiration

  • Echo

    Really nice showcase. Thanks for putting all of them together.
    I love color green very much.

  • http://www.ligaweb.ro liga webdesign

    frogwatch museum is bestial, great work

  • Pingback: 25 Nature Related Web Designs to Inspire You | Inspiration()

  • Tommy

    You must be having a joke with that Green Infrastructure Inc website. It looks about 10 years out of date!

  • http://www.orphicpixel.com Mars

    that is a very nice collection that stop me from digging deeper for inspirations to my next project