20 Fresh Examples of Color Usage in Web Design

By / Jul 11, 2011 / Inspiration
shares

Colors are very important to print, graphic and web design. Colors are actually important to everything, from spring to summer, clothes to balloons and so on. To show the power of colors we already showcased colorful websites here a few times, including a showcase published in March/2011 and October/2010. Today we gathered a new fresh round of websites using colorful elements to show you. From complete colorful layouts to discrete elements, you will see that colors can give your website a really neat look.

Typemedia 2011

colorsites

More Hazards More Heroes

colorsites

Into Brazil

colorsites

Radial

colorsites

CAU

colorsites

Girl Effect

colorsites

Goodfoot App

colorsites

egopop

colorsites

Bjarke Clauson-Kaas

colorsites

Zaarly

colorsites

Worry Free Labs

colorsites

ala

colorsites

5emegauche

colorsites

Pandr

colorsites

1minus1

colorsites

yurbuds

colorsites

Zeitgeistbot

colorsites

Shout Digital

colorsites

Theo Thermometer

colorsites

Red Pop

colorsites

Source:

The Best Designs
Site Inspire
Awwwards

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

21 Comments

  1. JP
    July 11, 2011

    woah that Pandr website is really nice! Love it :)

    Reply
    • JP
      July 11, 2011

      Actually, most of those websites are simply mind blowing! Truly talented designers at work! Great round up Gisele :)

      Reply
  2. Benjamin Ulrich
    July 11, 2011

    Great list.
    I personally love sites that mix almost bland minimalism with a splash of colour to draw attention (much like Girl Effect and Egopop above).
    I tried my hand at this once, with what I consider moderate success (http://www.crazyshrinklady.com if you want to have a look).
    Designing sites like that never fails to impress clients who like pretty things.

    Reply
  3. Evan Skuthorpe
    July 11, 2011

    some really cool examples. they’re very eye catching.

    Reply
  4. Tristar Web Design
    July 11, 2011

    What a great article for a Monday morning. It’s great to see colour in web design, obviously, never too much. I loved ‘Red Pop’ and ‘More Hazards’ is a lovely design and a great example of responsive web design. Ala is a bit crazy but it works well in reflection to the company. I have seen none of these before now.

    Reply
  5. IC Web Design
    July 11, 2011

    What a great article and fantastic use of colour!

    Reply
  6. alex
    July 11, 2011

    Yeah, colors are very important for catching attention. Personally i use a dark background and a light green/blue color for the content. Its stylish and useful.

    Reply
  7. Ginva
    July 11, 2011

    Worry Free Labs has really nice design, Especially the slider.

    Reply
  8. Blaz
    July 11, 2011

    So nice and refreshing to see so much in this list! Big fan boy of bright and colouful sites, you’ve only got a few seconds to grab and keep your viewers attention and what better way to do this than warm and fuzzy color! Absolutely love Ala & wearepandr.com!!!

    Reply
  9. Wayne McManus
    July 11, 2011

    Great collection

    Reply
  10. Toronto Web Design Company
    July 11, 2011

    Great collections – as always!

    Reply
  11. Mark
    July 12, 2011

    Nice collection. Thanks for sharing :)

    Reply
  12. Pedro
    July 12, 2011

    It’s really nice when you see your design work among such incredible list.

    Reply
  13. Nathan Marcarelli
    July 12, 2011

    Into Brazil portrays probably the best color usage I have seen in a long time. Great list of sites btw.

    http://www.treelifedesigns.com
    small business web design

    Reply
  14. Jake
    July 13, 2011

    Did you guys not see this? It went viral in reddit a day or two ago. Best designed portfolio and great use of colors too. Worth a mention at some point.

    http://sahaskatta.com

    Reply
  15. Jessica
    July 15, 2011

    Very eye catching!
    Great examples.

    Reply
  16. Isabelle
    July 16, 2011

    Superb design, beautiful choice of colors: great inspiration, thanks!!! We are so far from 1996… thank god for that!! Or maybe I should I say thank good designers for that!

    Reply
  17. Bryan
    July 26, 2011

    Does anyone know who designed the Zaarly website?

    Reply
    • Matthew Smith
      August 1, 2011

      The whole site is in flux, but from the beginning its been a collaboration between myself, @thismatt, and @marcosuarez

      Reply
  18. web development newcastle
    November 17, 2011

    Love the yurbuds design. So dynamic! I’m going to buy a pair!!

    Reply
  19. web design herts
    May 7, 2012

    That brazilian design is so beautiful!

    Reply

Leave a Reply