in Web Technology

The Web 2.0 Secret Weapon

web2.0 - it\'s all about the colours man...

UPDATE: The Web.20 colours of 2007 have now been released! Click here!

We’ve all read more than enough now about web 2.0, and there’s a million blogs and articles about what a web 2.0 entrepreneur need to know/have/understand to make their new project the web’s next big ‘Killer App‘.

In order to sell to Yahoo!, Google or even get a mention on TechCrunch, you’ve got to have a web based app that’s the next big thing – add a heavy serving of AJAX, maybe use Ruby on Rails, or one of the squillion new code frameworks that have popped up in recent times, maybe have some form of tagging on the site, improve your usability over and over until even your grandmother can use it, and then….

Well, I’m here to reveal what the big 2.0 guys don’t want you to know, and have managed to keep quiet about it this long – it’s actually all about the colour.

Who cares if anyone uses it or not, as long as you attract investors or sell to the even bigger guys? What better way to attract them than a special concoction of RGB love?

I’m going to make it even easier for you budding entrepreneurs – I have grabbed primary or logo colours from some of the big names in 2.0 land, and placed no less than 70 colours into one scrumptious Photoshop Colour Palette file, for your downloading pleasure (2kb zip file).

This web2.0 secret weapon is yours absolutely free – now just mash those colours up, whip up some nice CSS goodness, whack a BETA button somewhere on it, and you’re on the road to riches.

Update (Feb 7): I’ve also got a JPG version for your viewing/downloading.

Image: Screengrabs of the web2.0 secret weapon.

Be a friend and share: facebooktwitterredditlinkedinmailfacebooktwitterredditlinkedinmail

35 Comments

  1. Very clever Miles, good work. How many sites did you go to in order to get 70+ colors? Most of the main web2.0 sites look the same! :)

  2. Hi James, I think about 25, you’ll actually see all the colours are named by the site as the first word, so you could count them if you were that motivated, heh.

    BTW, the nice folk at Digg have added this article to vote on. Please take a moment, to go over there and do the digg thing. :)

  3. Hahaha, love it. We’ll use one of those colors in our next design, and let you know!

  4. You know what, amazing coincidence is just last week we had a client in the office with a new idea that is going to the be the next killer voip app, first thing I said to him was forget about the functionality of the app – work on the colours.. and like magic your blog has given me what I need to send to him, look if he makes a zillion and gives me a sillion I will need to share a pillion with you..

  5. Thanks for the tips Miles – I was just about to launch my eBay clone (ie eBay + AJAX) in gold, black and pink … but you’ve convinced me to re-think it.

  6. Great article. I really liked the brainwork behind it.

    The only problem – downloaded file does not seem to work with my Photoshop. Miles, do you happen to have a table with RGB codes for those colours? or is there some other way to pinpoint them?

  7. Love the article. I was deciding on a color scheme for a logo design – this came in handy as a reference. But like the other user, it also doesn’t seem to work with my Photoshop. Any ideas? Thanks!

  8. Hello Artas and Janice. That’s a strange one – perhaps you’ve got older versions of Photoshop, or the file was corrupted when downloading? In any case, I don’t have a list of hex or RGB values for them, however you can always just grab the JPG file.

  9. I’m having trouble downloading the .aco file. When I try to unzip it, it says “Unexpected end of file. Error #-39”. Is this my computer or the file? Thanks.

  10. So Web 2.0 is about color, ajax, ruby and javascript ?
    Cool, now someone has just to find something interesting to read/watch to fill it into this new layer of presentation. The few who were able to have been bought by Google or Yahoo so far and the rest seems trying to get bought.

    Otherwise: Old wine in new bottles.
    And thank god u can disable js errors, the need to do so was never greater.

  11. Hi how do you install the color palette to work on photoshop 2? please emal me how am desperate to try it. TY happy new year

  12. I’m as tired of all the buzzwords as everyone else, but at the end of the day what Web 2.0 really means is that people are actually starting to give some serious thought to their new sites – at least in the right places. Navigation is clearer, colours are better, site layout is cleaner and readable… I really don’t see what’s not to like about the 2.0 revolution!

    Thanks for the pallette! It’s always nice to see people drawing attention to the art of colour selection! Cheers Miles!

    Paul (Astetix)
    Paul (Astetix)

  13. […] I’ve got a tip for you, that might be news to some people. There are many, many ways you could go about building yourself a “Web 2.0″ layout but none of these get it. There’s a step missing. […]

  14. Heys, I really like your list because it really helps give me an insight of what colours are being used these days by the web 2.0 companies. Once again. Thanks!

  15. I’ve got a tip for you, that might be news to some people. There are many, many ways you could go about building yourself a “Web 2.0″ layout but none of these get it. There’s a step missing

  16. To me it’s imperative to have a range of Web 2.0 colors. As we all may know, colors do influence the way we feel, the look of the website etc… Good job Miles!

  17. Needless to say – Awesome post. Many thanks for sharing this resource. Colors have a deep affect on the look and feel of any website….

  18. “The Web 2.0 Secret Weapon” -> You are a clairvoyant? Most of the people know “Web 2.0” since 2008/2009, but you already called “Web 2.0” in 2006.

Comments are closed.