20 Fresh Examples of Color Usage in Web Design

By / Jul 11, 2011 / Inspiration

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

  • http://noxxar.com JP

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

    • http://noxxar.com JP

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

  • http://www.cranialstudios.com Benjamin Ulrich

    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.

  • http://www.oldworldcreative.com Evan Skuthorpe

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

  • http://www.tristarwebdesign.co.uk/ Tristar Web Design

    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.

  • http://www.icwebdesign.co.uk IC Web Design

    What a great article and fantastic use of colour!

  • http://www.футболмастер.рф alex

    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.

  • http://ginva.com/ Ginva

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

  • http://www.blazrobar.com Blaz

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

  • http://www.roundedworks.com Wayne McManus

    Great collection

  • http://gtawebdesign.co Toronto Web Design Company

    Great collections – as always!

  • http://www.markwong.co.uk Mark

    Nice collection. Thanks for sharing :)

  • http://www.bretasdesign.com Pedro

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

  • http://www.treelifedesigns.com Nathan Marcarelli

    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

  • Jake

    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

  • http://www.newwebdesign.com Jessica

    Very eye catching!
    Great examples.

  • http://www.eyecreate.com Isabelle

    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!

  • Bryan

    Does anyone know who designed the Zaarly website?

    • http://zaarly.com Matthew Smith

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

  • http://www.ayomedia.co.uk web development newcastle

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

  • http://www.edgeitdesign.com web design herts

    That brazilian design is so beautiful!