30 Excellent Examples of Color Usage in Web Design

By / Mar 21, 2011 / Inspiration

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

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

    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.

  • http://elliscreative.co.uk Matthew Ellis

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

  • http://www.davecain.co.uk SEO Dave

    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.

  • http://www.adrdesignonline.com Adam

    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

  • Todd

    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.

  • http://www.martiandesign.com dp

    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.

  • http://www.goblinridge.co.uk Ted Thompson

    Love the WVA 2011 website!

  • http://www.point2pointdesign.com Kendra Ellis

    Love it!

  • http://www.benhamdesignconcepts.com Brian B

    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

  • http://sportsupplementsusa.com/ Linda

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

  • http://www.bobby-kane.com/2 Bobby

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

  • http://www.gespinha.com Goncalo Espinha

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

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

  • http://www.zenelements.com zenelements

    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

  • http://www.verticaltargets.com Lance

    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.

  • http://websites4accountants.com Erik

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

  • http://Linkedin Barbara white

    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.

  • http://www.websites4accountants.com Jon

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

  • http://www.newmediasources.ca ui design

    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!