Miles Burke

Thoughts on startups, small business, marketing & more.

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

Previous

Australia Day 2006

Next

A collaborative industry is possible

35 Comments

  1. James

    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. Witty and funny. Yet, sadly, could be true to some extent..

    On a side note, you don’t need 70 colours to make money fast now. Have you seen this? Sure to be a success.

    monkeychilde — tired of web2.0

  3. Miles

    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. :)

  4. kjw

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

  5. I’m sure you’d appreciate this guy’s more direct approach to web2.

  6. 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..

  7. 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.

  8. Miles

    This post got “mefi’d” (is there such a term?) and also on the supr.c.ilio.us blog. See the metafilter mention at http://www.metafilter.com/mefi/50603 and http://supr.c.ilio.us/blog/2006/04/03/if-web-20-applied-to-cars/

  9. Outstanding! My personal favorite is “this blue is in (beta).” What site / app did that one come from?

  10. 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?

  11. 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!

  12. Miles

    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.

  13. Nice i really Digg your new 2.0 app. Hell of a true story! Cheers!
    j. mitchell allen

  14. You can find the color palette converted in HTML, and a little utility to convert ACO files to HTML at http://www.hping.org/aco2html/

    Ciao,
    antirez

  15. As an addon to antirez I saved all the colors as a CS file for all you people who use Color Schemer: http://reqoil.com/web2point0.cs

  16. I discover only today this post… nice! I insert in my blog a link to it.

  17. 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.

  18. Rob

    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.

  19. A PNG or GIF version would be better than a JPG, jpgs get all fuzzy.

  20. 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

  21. 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)

  22. […] 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. […]

  23. Hey this is an excellent swatch that I’d love to see made for illustrator!

  24. 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!

  25. oh how i wish i have that secret weapon in my websites

  26. The information flow in your tutorial is quite simple but powerfull, thanks dude.

  27. How can I get the color codes, like #cc6600?

  28. Thanks for the tips Miles! I am about to launch new project and was looking for good color scheme and palette!

  29. 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

  30. Hi Miles, love these color schemes. Thanks for putting them together. You may want to update the URL that displays on the JPG. It doesn’t lead to this post!

  31. Thanks you too much, it is wonderful !

  32. 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!

  33. Thanks for this great tips Miles!

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

  35. “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.

78 Pingbacks

  1. Miles’ Blog » cra.zydomai.ns - Thoughts and errata from Miles Burke.
  2. kbglob - tecnologia para geeks, no para tu mamá » Colores 2.0
  3. Круглый стол Web 2.0
  4. Dr. Web Weblog » Blog-Archiv » Web 2.0 Color Scheme
  5. michael.wilcox.net » Miles’ Blog » The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke.
  6. Miles’ Blog » Web2.0 error screen - Thoughts and errata from Miles Burke.
  7. Simple Things » Blog Archive » Web 2.0 colours
  8. ProfitPapers
  9. ThatMatt v2.0 » Web 2.0 Design From Start to Finish
  10. nostrich.net » How to Really Build a Web 2.0 Layout
  11. Stefan Bartmann » Blog Archive » Design-Tutorial für das Web 2.0
  12. Akkam’s Razor
  13. Blogalistic » Web 2.0 Photoshop colour palette
  14. Blonk! » Conozcan el verdadero secreto para ser Web 2.0
  15. Pannasmontata » Blog Archive » il webdesign 2.0
  16. Miles’ Blog » 70 Graffiti Colours of 2006 - Thoughts and errata from Miles Burke.
  17. Das Beste aus der Blogosphäre und Web 2.0 » Blog Archive » Web 2.0 Farb Palette
  18. Carnet Web de Cedric Giorgi
  19. Web 2.0 Color palettes and design - newsmotto!
  20. ApunDesi News Blog » New color scheme and few other updates
  21. M-Block » Blog Archive » Logo 2.0 Beta
  22. un italiano a blogSpirit
  23. Intenta » Blog Archive » Paleta de colores web 2.0.
  24. Palette Web 2.0 at ViaComIT
  25. PR2.0
  26. ALL MY FAV. | Design. Advertising. Photography. / Web 2.0 Color Patten
  27. Web 2.0 Color Palette at Hollywoodcole
  28. Broken Two · Yet another Web 2.0 Color palette
  29. webthreads.de » Die Web 2.0 Farbpalette
  30. Jornada Imperial - Em busca dos trilhões
  31. Jornada Imperial - Em busca dos trilhões » Blog Archive » A arma secreta da Web 2.0
  32. Photoshop Weblog » Die Web 2.0 Geheimwaffe
  33. Photoshop Weblog » Blog Archiv » Die Web 2.0 Geheimwaffe
  34. Linkblast at Daily.Phirebrush
  35. GuiM Weblog
  36. Digital Heaven » Blog Archive » Web 2.0 Design - Few quick tips
  37. far from fearless » Blog Archive » Creating a Web 2.0 Color palette
  38. ICTBLOG.it
  39. Comunica | Blog
  40. » - Blographik - Grafica, web Design e video editing
  41. .:: Kolby's Place Blog
  42. webtagebu.ch - markus blogt » Blog Archive » Dr. Web Best of 2006
  43. PensierInEccesso 2.0 » Blog Archive » Che cos’è il Web 2.0?
  44. Web 2.0 Logo design mit Photoshop
  45. GfxDizayn » Web 2.0 ve Tasarım ÅŸekli
  46. Web 2.0 Webdesign-Tutorials | Dr. Web Weblog
  47. PsalmDesignArea » Blog Archive » Web 2.0 Webdesign-Tutorials
  48. design 2.0 at comatags
  49. Web 2.0 Tutorials Round-Up | Smashing Magazine
  50. MerT UraL Blog » Web 2.0 Tasarım Tutorial’ları
  51. Web 2.0 Colour Palette aka Secret Online Weapon « 1%
  52. 68 Web 2.0 design tutorials » A blog you can use!
  53. Generating Web 2.0 at WRT: Writer Response Theory
  54. » Blog Archive » Recopilacion de Tutoriales photoshop para web 2.0
  55.   Loghi, font e colori del web 2.0 by ELMANCO
  56. WebRevolutionary — The Web 2.0 Cliche
  57. Kerry Buckley » Jakob Nielsen on Web 2.0
  58. Color at New Media designer
  59. Web 2.0 Tutorials | Tekjuice.com
  60. eburhan.com » Hazır Web 2.0 Tasarım Araçları
  61. Conception Web » Blog Archive » Web 2.0. Design
  62. » Hazır Web 2.0 Tasarım AraçlarıÇaÄŸan » Blog Archive
  63. Hazır Web 2.0 Tasarım Araçları « Tasarım Manyağı
  64. Hazır Web 2.0 Tasarım Araçları
  65. Laydo.net Webmaster Blog » Blog Archive » Web 2.0 için çeÅŸitli araçlar ve acıklamalar
  66. UizL » Blog Archive » Tutorial WEB 2.0
  67. a su salud » web 2.0 color palette
  68. Laydo.net Webmaster Blog » Blog Archive » Hazır Web 2.0 Araçları
  69. Recursos y utilidades para diseñar un blog al estilo web 2.0. « Cosas sencillas
  70. Miles’ Blog » - Thoughts and errata from Miles Burke.
  71. The Web 2.0 Secret Weapon
  72. Design, simplicity and usability blog by Zonica » Blog Archive » Designing Your Website for Web 2.0
  73. Designing Your Website for Web 2.0 - Zonica
  74. D’autres ressources graphiques 2.0 | Marketing On The Beach
  75. Irregular Activity » Blog Archive » Photoshop - /presets/….
  76. Web 2.0 Colors -- alper’s shameless remarks
  77. Online Pc Dersleri İçin Ä°puçları » Tasarımcılara kaynaklar…
  78. Online web tasar?m araçlar? (hepsi birarada) | sordum.com

Comments are closed.

Words & Images © 2005-2016, Miles Burke. All rights reserved.