27 Examples of Color Usage in Web Design

By / Sep 26, 2011 / Inspiration
shares

Here on WDL, we’ve discussed how colors can be used to invoke various emotions. For example, the color red symbolizes excitement and energy, while the more tranquil color blue represents calmness and stability. Here we’ve gathered a collection of web designs that make good use of color. In these examples you’ll notice some using color to highlight and draw attention to specific elements, while others use larger amounts of color to set the over all tone of the site. Nevertheless, there’s plenty of color usage here to inspire you. Enjoy!

indubitablee

Colors in Web Design

Grind

Colors in Web Design

Best Made

Colors in Web Design

Engine Creative

Colors in Web Design

Urbanoff

Colors in Web Design

Ignacio Macri

Colors in Web Design

The Combine

Colors in Web Design

S.Dallyn

Colors in Web Design

James Garner

Colors in Web Design

Fuzzco

Colors in Web Design

Sunday Best

Colors in Web Design

Neuarmy

Colors in Web Design

Karb

Colors in Web Design

Igor Zagnienski

Colors in Web Design

playground

Colors in Web Design

de Certau & Associes

Colors in Web Design

Alexander Zhestkov

Colors in Web Design

Hyper

Colors in Web Design

Flow Festival

Colors in Web Design

Column Five

Colors in Web Design

odopod

Colors in Web Design

Daniel Martin

Colors in Web Design

Archfirm

Colors in Web Design

JChebly

Colors in Web Design

Lefft

Colors in Web Design

The Manual

Colors in Web Design

Bloom Health

Colors in Web Design

Source:

The Best Designs
Awwwards
unmatchedstyle

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

19 Comments

  1. Jérôme – blog marketing
    September 26, 2011

    I think it’s very impressive…I love Archfirm, it’s so minimalist

    Reply
  2. Vivek Dhande
    September 26, 2011

    Awesome examples !! Thanks for sharing.

    Reply
  3. aledesign.it
    September 26, 2011

    A great collection of graphic site. So nice works someone! “Grind” “de Certau & Associes” and “Hyper” are my preferite! Thanks for sharing!

    Reply
    • Lars-Petter
      September 29, 2011

      Thx aledesign

      Great to hear that you like our new website.

      Best regards

      Lars-Petter W. Kjos
      creative director
      Hyper

      Reply
  4. IC Web Design
    September 26, 2011

    Wow great collection of sites with some really varied colour! Thanks for the share

    Reply
  5. Maneet Puri
    September 26, 2011

    In web designing, Colors plays an important role in highlighting the message that should be conveyed to the users. In some designs, I found too much of loud and bright colors making the main page too flashy while some other designs have a perfect balance of colors.If the colors are too intense, it will take away the attention of the user from the content value of the site.

    Reply
  6. John Carpenter
    September 26, 2011

    There is no excuse for bad design on the web. Very good examples.

    Reply
  7. Eonic Web Design
    September 26, 2011

    I really like the flow festival site. Great collection of sites, unique and inspiring.

    Reply
  8. DG Communication
    September 26, 2011

    Super exemples ! Un article à recommander!

    Reply
  9. Marco
    September 26, 2011

    I absolutely loved indubitablee, what a great job. WOW!!!

    Reply
  10. Samuel
    September 26, 2011

    Some fresh stuff here. I dig it.

    Reply
  11. custom icon design
    September 26, 2011

    yeh, so many awsome website, they are all have great color. look so professional and clean. I have got some inspiration from those website. many thanks.

    Reply
  12. Webdesign
    September 28, 2011

    These are inspirational, creative and highly professional.
    Especially James garner’s website looks absolutely stunning!

    Reply
  13. Tony
    September 28, 2011

    Really nice! Thanks

    Reply
  14. Plymouth Graphic Design
    October 3, 2011

    Love the James Garner site, but my question is whether anyone would hang around long enough to find out what it is all about.

    Reply
  15. Scot
    October 3, 2011

    There are some great uses of color here. Rich,, vibrant and very interesting. I will have to say I like thecombine.org, very different than the norm and great us of electronic illustration. Thanks for the inspiration!

    Reply
  16. ferryardian
    October 12, 2011

    the examples are very inspirational, thans for sharing…

    Reply
  17. Tim Keay
    October 12, 2011

    Really like the Engine Creative one – octopus hatching out of an egg ftw! :o)

    Reply
  18. Liam
    March 4, 2013

    Thanks for sharing such an useful list.
    I was unaware pf many of this sites. Now I use this to work more effectively.

    Reply

Leave a Reply