21 Beautiful Examples of Color Usage in Web Design

By / Jun 18, 2012 / Inspiration

Last week we showcased examples of Minimal Color Usage in Web Design, and today, to keep you inspired about color options and combinations we decided to gather examples of beautiful colorful websites. We will show here that you don’t need a rainbow or super bright colors to add a nice colorful touch to your page. From colorful headers to images, textures and typography you will see a lot of different approaches to color usage in web design.


Colorful Websites

Mint Museum

Colorful Websites

Fudge House

Colorful Websites

Artist of the Year

Colorful Websites

Carnation Group

Colorful Websites


Colorful Websites


Colorful Websites


Colorful Websites

Modo Luce

Colorful Websites

With Art Philadelphia

Colorful Websites

Anne Braithwaite – Mediation Chambers

Colorful Websites

Matteo Zanga

Colorful Websites


Colorful Websites

Crowd Track Gent

Colorful Websites

Aude Degrassat

Colorful Websites

Everything you need to know about Design

Colorful Websites

50 Problems in 50 Days

Colorful Websites


Colorful Websites


Colorful Websites

Tag Creative

Colorful Websites


Colorful Websites

CSS Design Awards
The Best Designs

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.biztag.com Biztag

    Great color used in all of these examples, color really brings things to life on the mobile web *biztag

  • http://www.direct-websolutions.de Sebastian Apprecht

    Thanks for sharing, nice inspiration for great webdesign!

  • http://smashingawards.com Smashing Awards

    Nice! Carnation Group, Modo Luce and Matteo Zanga probably the best on that list. Although Matteo Zanga looks familiar – design wise…http://www.adhamdannaway.com/

  • http://www.pragmaticdesign.co.uk Web Design Wolverhampton and Birmingham

    Nice examples, thanks. We always think that colour usage should be minimal- a single splash of bold colour really makes a design work.

  • http://www.designturnpike.com Design Turnpike

    ooooooo, love Impero!

  • http://www.aledesign.it/ad_ill.html aledesign.it – Creative Graphic

    Good examples! I like this post with more inspirations. Il ike design like “yoke”

  • http://www.seanhurley.com Sean Hurley

    I don’t no how you continue to find these…. but wow, amazing. What other sites are you browsing daily to find some of these designs?

  • http://stromdesign.com/ www.stromdesign.com

    @ Gisele Muller : i am not sure, did you noticed the most of the site using Blue in any part of their site? Actually Blue is a trusted color in web. Blue, white, green, etc. are standard and simple. If you look around and check carefully any of these color are exist in each popular site.

    whatever, i would like to give you thanks for this post to share with ut.

  • http://homesrockville.com Rockville Homes

    I like it. Nice color harmony.

  • http://www.iamthelab.com IAMTHELAB

    These are excellent examples. Great variety!

  • http://www.sweetmag.my Web Design Malaysia

    Personally loves how Viens la uses robin with the green!

    Awesomely done!

  • http://www.webtemplates-creare.com/ Paul Weston

    Thought this was a great article and it includes some of the best sites I have seen in a while. I thought every site you have included has something great about them, not only with the use of colour but the design and interaction on a lot of these sites blew me away. The site that stood out for me from the collection would have to be the Tag Creative site. I thought the use of colour was spot on and really helps break the areas of the site up and gives it a wow factor. The use of colour mixed with the techniques used on the site does make it stand out. I did also really like the Everything you need to know about Design for the bold use of colour. Great article and this will be one I will be going back to time and time again for when I am looking for inspiration both for design and development.

  • http://www.cdemarco.net Chris

    This article made its way into a discussion group I belong to on LinkedIn. Having read through the article and refreshing my memory on color principles in web design, I thought that my site could use a makeover. Thank you WDL, very good read.