30 Beautifully Blue Web Designs
Blue is one of the most used colors in web design, therefore it’s hard to stand out from the sea of competition out there. This collection showcases some of the best, unique, creative designs that utilize shades of blue as a primary color and theme.
Without further ado - to feed your inspiration - here’s 30 top-notch blue web designs.
1. darkmotion
2. Frisk design
3. Icebrrg
4. StrawPoll
5. THE ALAMO BASEMENT
6. Birdie
7. Vimeo
8. iDimev
9. Ek & Gren
10. Fishy
11. Jesse Stephens
12. ZenSender
13. Brooke Chase Associates
14. answerJam
15. MochiAds
16. Pixel House
17. iceberg
18. WooThemes
19. 280 Slides
20.
Billy Hughes at War
21. Les Arts O Soleil
22. Uncover
23. Branded07
24. HelpWith
25. Mollom
26. PLUMSMEDIA
27. Comiqs
28. Graphics.net
29. Kyan
30. DivVoted
Your Thoughts?
Why is blue so darn popular in web design? Does it invoke certain emotions/mindsets in users? Share your beautifully blue thoughts in the comments!
80 Comments
Stuart Atkinson
October 4th, 2008
Great collection! To me (and I’m not saying this is correct per se), blue seems to be the colour for one simple reason - the sky. It’s a pretty regular occurance in a lot of these, and it creates a powerful, often optimistic mood, so go to school on it!
Alek
October 4th, 2008
I love blue. These are awesome!
Veron
October 4th, 2008
As a designer myself, I tend to feel that blue is the color that’s easiest to work with. It’s pleasing to the eye, and appeal to both men and women. A light blue and white color scheme can almost never go wrong.
Excellent list. There are some really amazing designs up there. My faves are 1, 2, 9, 16, 30.
ike
October 5th, 2008
FIRST! haha.
nice. i like it.
CPJ
October 5th, 2008
Check out Obama’s webpage for a good example of blue.
Krazd
October 5th, 2008
beautiful designs, great list!
David
October 5th, 2008
Ah, inspiring blue themes :) , I think I might use blue in my next theme instead of my traditional black, white and green.
Isaac
October 5th, 2008
pleeeeease…has anyone seen the most sophisticated and pertinant use of blue as well as very strict brand design? I can’t believe you would leave the Obama campaign’s official website off this list.
joe blow
October 5th, 2008
Can’t believe you didn’t include http://www.barackobama.com
nick hand
October 5th, 2008
One more blue site for the list…
http://www.nickhand.net
One Stop Game News
October 5th, 2008
What about Barackobama.com I went there last week and I actually thought about how I liked the blue colors. Nice list.
joshua strebel
October 5th, 2008
Nice list. Although some of them look at ‘lil templatemonster.com’ish ex: 26 and 16
mike
October 5th, 2008
#14 is definitely my favorite
KrAzE
October 5th, 2008
Adding the 3d plane on the alamo basement is a great idea.
Oh lord a past-tense of myself!
Pasquale (darkmotion.com)
October 5th, 2008
Cheers for the feature guys!
Marc
October 5th, 2008
Very nice list, thnx!
Always a great source for inspiration ;)
Another suggestion, which I think should be part of this list:
- http://www.bartelme.at
Juan
October 5th, 2008
Nice list. You should also add http://www.barackobama.com. It’s a nicely designed site, political affiliations notwithstanding.
DesignerEye
October 5th, 2008
Left out http://www.wakeinteractive.com/
Hassan Voyeau
October 5th, 2008
Why is every site blue?
Fabryz
October 5th, 2008
Nice and inspirating list :)
Chris
October 5th, 2008
I nearly used blue for a new site design, but went for minty green in the end. I think blue has a certain coolness, but a nice pale green is fresh.
James
October 5th, 2008
And this one is also blue and incredible: http://www.zanperrion.com
liam
October 5th, 2008
Beautiful collection, some real treats here. Thanks
Robert Douglass
October 5th, 2008
Lesson learned: must have blue background.
nico
October 5th, 2008
http://www.mozilla.com/en-US/ is ncie too
Janko
October 5th, 2008
I’ve seen a few more “blue roundups” recently, but no doubt this one is the best!
Charles
October 5th, 2008
I like #29 and #30 the best. And #8 the least.
I’m surprised you missed off this one though:
http://www.bestmortgagedeals.co.uk/
Very colorful, beautiful blue skies, great illustrations and animation in JavaScript not Flash.
Farid Abdulhadi
October 5th, 2008
Nice list.
Blue used to be the color of choice for corporates. It gives a sense of seriousness. IBM’s nick name is “Big Blue”.
Thanks for the list.
Rahul
October 5th, 2008
They are indeed beautiful. Blue is definitely in.
app
October 5th, 2008
There was a study done way back that suggested that blue & gray are good colors for promoting productivity in the workplace, and it was that very reason why the Windows desktop was done in blue & gray, from the very start. The web just followed along with what looked good on that blue & gray desktop.
This is why blue is a standard tradition for website templates. If Microsoft had chosen green, instead, we would have more green templates than anything else.
Saad Kamal
October 5th, 2008
I love blue..even my site is blue as well.
Arun
October 6th, 2008
Wow! Awesome list. Great to see Darkmotion right at the top.
Dan
October 6th, 2008
Thanks for featuring divvoted.com. Proud to be a member of this list!!
Ricardo
October 7th, 2008
nice list , beautiful designs, tnks
Zhille
October 7th, 2008
#15 is soo cute :) and I think that #8 is not worth showing here. Simply the blue is not so good.
It’s really hard to pick a nuance of blue to use. I spend hours just choosing my color, and it’s often blue. But I use almost non-visible gradients of similar colors, and with blue, it looks better :)
Hisham
October 7th, 2008
Great designs, I like blue also and it’s my fav.
Jason
October 7th, 2008
Nice list, though Iceberg is listed twice at #3 and #17… unless that’s deliberate because it’s double good. :-)
Eddie
October 7th, 2008
I hope our website turns out that good.
cool stuff but if anyone needs high quality printing with colors that pop, Advanced Imaging is the place.
gWallet
October 8th, 2008
Yay! So happy to see Vimeo in here. As far as I’m concerned - Vimeo is the best video sharing site on the market. And while blue and underwater themes seem to be an obvious choice, I really like the way friskdesign presented the idea. Thanks for this collection. :)
Jacob Gube
October 8th, 2008
@Jason: I thought that might be confusing, but they’re actually two different sites (with a subtle difference, Icebrrg vs. Iceberg).
honour chick
October 9th, 2008
nice collection :)
Jad Graphics
October 11th, 2008
Wow! Some really amazing websites here.
Designer
October 11th, 2008
absolutely brilliant….. thanks for the list.
Tony
October 14th, 2008
Don’t know how you came up with this list, but you missed the one I designed for our School District. It won the Golden Apple award for the top 10 Educational Websites in the nation.
It’s http://www.wesdschools.org
Jacob Gube
October 14th, 2008
@Tony: Sorry for missing your design Tony. :)
sky
October 16th, 2008
What about http://www.2creative.com.au should make the list I think… will look for others. Love blue!
Nappy
October 17th, 2008
OMG some truly wonderful websites here!
oscar
October 24th, 2008
nice!
Ivanski
October 28th, 2008
damn!this is great job!
Rishi
October 29th, 2008
This has been a great inspiration for my site!
Danh ba web 2.0
November 4th, 2008
Great list for me ! Thanks a lot
Keep up !
Joni Mueller
November 16th, 2008
Proudly Pixelita Blue since January 2005:
http://www.pixelita.com
And our latest design, grunge and blue:
http://www.blusd.org
Leave a Comment