20 of The Best Uses of Color in Current Web Design

August 12th, 2008 Posted in CSS

Many sites “play it safe” when choosing colors. Brilliant colors have to be carefully controlled to avoid looking amateur. I’ve selected these 20 sites for excellent use of color along with their overall web design. Quality of CSS, features, ease of use all come into play as well. Hope you enjoy!

EDIT:

http://silverbackapp.com/
http://www.willportifolio.com.br/
http://wpglamour.com/
http://www.notified.tv/
http://adaptd.com/
http://www.base6design.com/
http://www.mydezzign.com/
http://www.ebugogo.tv/
http://www.yovivoenvigo.com/
http://rosevillehwc.com/
http://www.speaklight.com/
http://www.serj.ca/
http://shylands.com/explore/
http://www.volll.com/#section_main
http://www.regata.co.il/
http://www.activate-p-s.com/
http://www.twistsystems.co.uk/
http://avalonstar.com/
http://www.webdesign-aus-bremen.de/freelancer.html
http://goodworksmedia.com/index.htm

Also check out this site for unlimited web template downloads


Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Author - Anders Haig

who has written 16 posts on [Re]Encoded.com.


Contact the author


30 Responses to “20 of The Best Uses of Color in Current Web Design”

  1. Akshay Sura Says:

    Great work. Will look through.


  2. RonnieSan Says:

    Great list of sites. Color choice is definitely one of the hardest parts of web development, something many designers glance over.

    A great resource to use is kuler.adobe.com. You can download some great palettes in ASE format for use in PhotoShop.


  3. MartinAlbens Says:

    Interesting list! I was looking at a website that made me really consider the role of color in design (www.zanperrion.com with its blue color), and then the next thing I see on the web is this list. Are there any studies that correlate the colors on websites to the usability (or feel) of a website?

    Fascinating subject!


  4. Anon Says:

    If you’re going to use others peoples work as the main purpose of the blog post, the least you could do is include proper links to their sites.


  5. Fubiz Says:

    Nice choice !


  6. Anonymous Says:

    Way to show respect and link off to the respective owners of the very well designed sites.


  7. projectgrafix Says:

    Yea link to original author would be nice :) but anyways nice post. These days color depend more on client choice rather than what designer prefer.


  8. webmaster Says:

    … another one bites the dust… dun, dun, dun… another ones gone & another ones gone… another one bites the dust….


  9. anon Says:

    I can’t believe you wouldn’t even include a clickable link to the original sites. Why bother showcasing them at all?


  10. Mikael Says:

    A horrible set of sites, truly. Each one decorated and illustrated to death.


  11. seattle web design Says:

    Crazy… I found my own site on this list….
    I did the site for Goodworks Media and Volll was actually one of my inspirations.
    thanks – andrew c.


  12. Sketchee Says:

    I like the sites and disagree with Mikael’s opinion that they’re overdone. I do think a link to the original sites would have been very helpful for the post. The thumbnails get the point across all the same, however


  13. Meeko Says:

    great article.


  14. Alejandro Urrutia Daglio Says:

    Thanks Anders for thinking in my site, great selection!


  15. dwhs Says:

    Great blog, I design and learned allot of about colors. Also I just liked some of the designs. My style for sure, I love how images are being faded into the background allot now.


  16. Willians Fernandes Says:

    Hello Ander.
    Nice great seletion!! congratulation.
    Thank you for thinking my website.
    Cyu,
    Will


  17. Michele Says:

    I like the use of color. I’m bored to death with standard black/white colors. Don’t let the standards bore you anymore … Get out there and design a colorful site with colorful quality graphics. Again, nice list :)


  18. web Says:

    ..……………………….„~”¯¯¯”~„
    .……………………..„”. (_). . . . .
    .……………………..|. . . . . . . . .|
    .………………„-~^”¯”-„. . . . . . .„”
    .……………„-”::::::::::::”~—–~^„………………_¸„„„_
    .………….„”:::::::„^””””””~„:::::::::”-„…………„-“. . . . .”-„
    .………..„”:::::::„”. . . . . . .”~„:::::::”~„…….|. . . . . (_).
    .………„”:::::::„”. . . „–~~–„_.”-„::::::::¯”~-„„. . . . . . . „”
    .……../::::::::/. .¯„-“;;;;;;;;;;;;;;”^-„”~„::::::::::::”~„„„„„„-~”
    .……/::::::::/. “„-”;;;;;;;;;;;;;;;;;;;;;;;;¯”-„”~—„„„„_:::::::”„
    .…../:::::::/.„-“;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;”-„. . . .”):::::::’|
    …./:::::::/”;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”. . . „”:::::::„”
    …/:::::::/;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„-“¯._’. „”::::::„”
    .ƒ:::::::/;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;(“. . . „”:::::::„”
    ‘|:::::::ƒ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;¯**”„”::::::„”
    |::::::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
    |::::::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
    |::::::„;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
    |::::::.__;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”::::::„”
    |::::::¯”:;¯”^-„;;;;;;;;;;;;;;;;;;;;;;;;’„”:::::’:„”
    ‘|::::::-„.:;:;:;:”-„;;;;;;;;;;;;;;;;;;;;ƒ:::::::„” GET ME A MIRROR!!!
    .|::::::. . :;:;:;:;:”„;¸„¸;;;;;;;;;„~~|::::::„”
    .’|:::::::. . :;:;:;:;:;:;|:;”-„;;;;;. . |:::::’{
    ..“„:::::::”~„”-„:;:;:;:;:”:;:;:;:”„;;’|. .’|::::::
    .…”~„:::::::¯”~„~–„:;:;:;:;:;|;;ƒ. .’|::::::
    .’……..”~„::::::::¯”^~-„~-„_|;;/_. ƒ::::::’|
    …………..”~-„_::::::::¯¯””~’¯-~”::::::’ƒ
    .…………….…¯”~-„_:::::::::::::::::„-”
    ………………………..¯””^~~~~^”


  19. medyum Says:

    Way to show respect and link off to the respective owners of the very well designed sites.


  20. Richard Says:

    Great designs, really like the WP Glamour one and good to see how creative design can make a site more memorable


  21. Internet marketing Brisbane Says:

    These sites really stand one which can be excellent if used to build up a brand


  22. trading guide Says:

    very nice, will look into using this.


Leave a Reply










Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

Check out these website designs for Comcast Deals, Dish Network, Charter Cable Deals, and Time Warner Cable