30 Excellent Examples of Color Usage in Web Design

By / Mar 21, 2011 / Inspiration
shares

Choosing the right color scheme for a web design is extremely important. It will set the mood of your design probably more so than any other component. Sometimes it’s appropriate to go big with an assortment of bold colors, while other times it’s better to play it safe with a minimal color palette. For today’s inspiration, we’ve gathered 30 web designs that make excellent use of color. Enjoy!

Netlife Research

colorful01

Collision

colorful02

Instagallery

colorful03

FIFe

colorful04

The Material Group

colorful05

WVA 2011

colorful06

Orange Sprocket

colorful07

Co Exhibitions

colorful08

Spoon

colorful09

Gerren Lamson

colorful10

Yuna

colorful11

rec beat

colorful12

Assistly

colorful13

Love of my Life

colorful14

Aiala Garcia

colorful15

Elliot Lepers

colorful16

Polyester

colorful17

The Daily App

colorful18

Keenan Wells

colorful19

thoughtboxes

colorful20

girlondon

colorful21

Fhoke

colorful22

AWP Express

colorful23

Marie Catrib’s

colorful24

3 Sided Cube

colorful25

Jeremy Church

colorful26

Sparkbox

colorful27

moovents

colorful28

Biola Undergrad

colorful29

best app ideas

colorful30

Source:

The Best Designs
Sites of the Week – Abduzeedo

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

18 Comments

  1. Tristar Web Design
    March 21, 2011

    Its really nice to see some examples of colour used in web design. Simplicity is good, but adding a splash of colour can really pull a website off the page. I love the Girl London Website. Its really clean and playful.

    Reply
  2. Matthew Ellis
    March 21, 2011

    I think the Biola Undergrad site is my fave on the web right now. Love it!

    Reply
  3. SEO Dave
    March 21, 2011

    Another fantastic and inspirational post – every time I see screenshot of moovents I have to go and look at there site – love the way the header moves with HTML5.

    Reply
  4. Adam
    March 21, 2011

    Love this post! I had seen the collision site on a CSS gallery somewhere and used a few elements as inspiration on my own site.

    Keep posts like this coming, WDL

    Reply
  5. Todd
    March 21, 2011

    I love the colour in your examples, but would like to see what you select for sites that are very content heavy. I find most news and information or large online store fronts tend to be very bland and lack in flavorful colour.

    Reply
  6. dp
    March 21, 2011

    The writer of this post does not seem to know the difference between using lot’s of color and excellent use of color. The examples here DO NOT use color well.

    Reply
  7. Ted Thompson
    March 21, 2011

    Love the WVA 2011 website!

    Reply
  8. Kendra Ellis
    March 21, 2011

    Love it!

    Reply
  9. Brian B
    March 22, 2011

    Thank you for the examples. I strugle with color on my web designs and ended up with just sticking to a gray scale color pallet. You have deffenantly given me something to think about as I work to redesign my site in a more attractive way

    Reply
  10. Linda
    March 22, 2011

    I love the design of “Love of my Life”. Brilliant usage of colors and love their typography.

    Reply
  11. Bobby
    March 24, 2011

    Awesome post. i can’t decide on a favorite!

    Reply
  12. Goncalo Espinha
    March 26, 2011

    such perfection is difficult ot find nowadays on the web :/

    Thanks to great weblogs like these we can still cheer in this virtual world :D

    Reply
  13. zenelements
    March 27, 2011

    I like most of the examples used in the article but would have especially liked to have read more about the ethos as to why you chose these particular sites. Fed my eyes with some nice colour though, so not complaining to loudly. Thanks!

    // alex

    Reply
  14. Lance
    March 29, 2011

    My personal preference with colorful sites lies more towards the use of contrast. Keep the majority of the site toned down and then splash color where you want to draw attention.

    Reply
  15. Erik
    March 29, 2011

    Wonderful examples, I’ll be revisiting this array frequently for inspiration.

    Reply
  16. Barbara white
    March 29, 2011

    many of these designs were very cluttered. Ie: biola, Simplicity is key.K.I.S.S. Keep it simple stupid. many of the contrasting colours are hard and cold: sketchbook. The most inviting was AWP. Exhibitions, change that dead green.

    Reply
  17. Jon
    April 1, 2011

    Great examples, but agree with zenelements, would love to see some analysis.

    Reply
  18. ui design
    March 21, 2012

    Making a site look pretty is one thing but actually doing ux testing is another. These examples are great but some don’t think about the user. UCD (user centered design) is my thing!

    Reply

Leave a Reply