30 Excellent Examples of Color Usage in Web Design
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
Collision
Instagallery
FIFe
The Material Group
WVA 2011
Orange Sprocket
Co Exhibitions
Spoon
Gerren Lamson
Yuna
rec beat
Assistly
Love of my Life
Aiala Garcia
Elliot Lepers
Polyester
The Daily App
Keenan Wells
thoughtboxes
girlondon
Fhoke
AWP Express
Marie Catrib’s
3 Sided Cube
Jeremy Church
Sparkbox
moovents
Biola Undergrad
best app ideas
Source:
The Best Designs
Sites of the Week – Abduzeedo
About the Author
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
21 Examples of Pricing Pages in Web Design
18 comments
Tristar Web Design
March 21, 2011Its 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.
Matthew Ellis
March 21, 2011I think the Biola Undergrad site is my fave on the web right now. Love it!
SEO Dave
March 21, 2011Another 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.
Adam
March 21, 2011Love 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
March 21, 2011I 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.
dp
March 21, 2011The 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.
Ted Thompson
March 21, 2011Love the WVA 2011 website!
Kendra Ellis
March 21, 2011Love it!
Brian B
March 22, 2011Thank 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
Linda
March 22, 2011I love the design of “Love of my Life”. Brilliant usage of colors and love their typography.
Bobby
March 24, 2011Awesome post. i can’t decide on a favorite!
Goncalo Espinha
March 26, 2011such perfection is difficult ot find nowadays on the web :/
Thanks to great weblogs like these we can still cheer in this virtual world
zenelements
March 27, 2011I 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
Lance
March 29, 2011My 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.
Erik
March 29, 2011Wonderful examples, I’ll be revisiting this array frequently for inspiration.
Barbara white
March 29, 2011many 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.
Jon
April 1, 2011Great examples, but agree with zenelements, would love to see some analysis.
ui design
March 21, 2012Making 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!