55 Beautifully Blue Web Designs to Inspire You

By / Apr 19, 2010 / Inspiration
shares

Today our goal is to help you overcome your Monday blues with an inspiring collection of blue web designs. Blue is a color that represents the oceans and sky. It’s also a great choice in web design, even if you use it only in a couple elements or for the whole page. You can use a gradient of different shades of blue, a blue textured background, blue typography, or blue icons. There are tons of cool combinations you can do to give your website a stylish touch. For me, blue recalls freedom, freshness, elegance and style. So check out our selection and start thinking about using blue in your designs. Have a cool blue site to share with us? Comments are yours!

Eighty Two Design

bluesites08

Bounty Bev

bluesites09

Visual Notion

bluesites10

Critical Zero

bluesites11

Eric Campbell / Est.86

bluesites12

FeedStitch

bluesites01

Blackwave Creative

bluesites02

yooda

bluesites03

z-index.it

bluesites04

thepixel.com/blog

bluesites05

Morphix

bluesites06

Skype

bluesites07

unblab.com

bluesites13

twitter101

bluesites14

reichweite.cc

bluesites15

Owltastic

bluesites16

Squaredeye

bluesites17

polargold

bluesites18

Frenzy Labs

bluesites19

Elbow Park

bluesites20

CampaignMonitor

bluesites21

backbeatmedia

bluesites22

Maniac Monkey Media

bluesites23

Black Sea Fishery

bluesites24

Orion Advisor

bluesites25

barackobama.com

bluesites26

bartelme

bluesites27

mozilla.com

bluesites28

2creative

bluesites29

icebrrg

bluesites30

powerset

bluesites31

Birdie

bluesites32

designchuchi.ch

bluesites33

StrawPoll

bluesites34

lucino-gene.com

bluesites35

EnviraMedia

bluesites36

loewydesign

bluesites37

Alex Swanson

bluesites38

eyedraw

bluesites39

Kyan

bluesites40

branded07

bluesites41

Ready Made Designs

bluesites42

The House Media

bluesites43

knight.com

bluesites44

nude designs

bluesites45

Vegas Uncorked

bluesites46

Deli Bar

bluesites47

elemodo

bluesites48

Jar Design

bluesites49

AWP Express

bluesites50

Brad Colbow

bluesites51

nclud

bluesites52

Vimeo

bluesites53

los colores olvidados

bluesites54

billytamplin.com

bluesites55

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

50 Comments

  1. Steven Walberg
    April 19, 2010

    Stylish, funky contemporary website for a graphic design studio in Sydney

    Reply
  2. Digital Pizza
    April 19, 2010

    Nice collection. Blue is one of my favorite color because i feel it is cool and calm~

    Digital Pizza latest post: http://www.digital-pza.com/blog/inspiration/99-clean-light-simple-sleek-modern-web-designs/

    Reply
  3. Edgar Leijs
    April 19, 2010

    Really nice picks! Blue can be hot… normally I associate blue with boring corporate sites, but you proved the contrary…

    Reply
  4. Aisha
    April 19, 2010

    nice set

    Reply
  5. balial tariq
    April 19, 2010

    wow biue is cool and calm……………

    Reply
  6. Andrew Clarke
    April 19, 2010

    @Edgar. I hope you don’t think we’re boring. http://www.michelin.co.uk I really like my blue site.

    My children get a thrill when they see ‘my’ site advertised on TV. (I do too but don’t tell anyone).

    Reply
  7. Martin Risseeuw
    April 19, 2010

    Great website. Can’t pick a favorite one.

    Reply
  8. Krishna
    April 19, 2010

    Nice round up… I have seen some of these before, but nice to see them in a collection of varying designs!
    :)

    Reply
  9. HD Guy
    April 19, 2010

    Fantastic round-up! I feel inspired already :)

    Reply
  10. Stefan
    April 19, 2010

    This is a great round-up! And I have to say, blue is one of my favorites colors.

    Reply
  11. Hillary
    April 19, 2010

    These are really great! Some of them I haven’t even seen before. I love the illustrations in los colores olvidados. It seems to be original and simple. Keep up the good work!

    Reply
  12. Jordan Walker
    April 19, 2010

    Great round up Gisele of blue inspired websites. Can’t wait for the 2012 World Cup. I am planning on staying in Brasilia. Then maybe to Natal for some R&R.

    Reply
  13. Chris Mower
    April 19, 2010

    I’m loving “Los Colores Olvidados” (The Forgotten Colors) one a lot. Very cool. Thanks for sharing!

    Reply
  14. Albert Lie
    April 19, 2010

    I really like Eric Campbell’s website. It’s very simple and nice looking

    Reply
  15. Cody
    April 19, 2010

    I love z-index.it. Well done sir.

    Reply
    • billy
      April 20, 2010

      I agree, well done.

      Reply
  16. Michael
    April 19, 2010

    I’m looking to make changes to my site, but thought I would offer it up for comments ahead of time: http://www.treehouse10.com

    I’m thinking of creating one Flash version and keeping the current version for those who don’t have the Flash player. Also, I’ve had issues with different browsers displaying the top image and the links container, so I’m thinking of making the top image and the blue color for the pages one image background instead.

    Thanks,

    Michael

    Reply
  17. Cook
    April 19, 2010

    nice collection…keep up the good work..

    Reply
  18. Ed at Kliky
    April 19, 2010

    Thanks, it’s good to see you’ve included the standards. After looking at these it strikes me that light gradients are pretty darned popular.

    Reply
  19. Lena Tailor | DT
    April 19, 2010

    Whata beautiful collection. i love Eric Campbell’s website. Their navigation is cool..

    Reply
  20. Carry
    April 19, 2010

    Very cool stuff! One to add to the list: http://www.brycew.com

    Reply
  21. Tim Read
    April 19, 2010

    Yes, very nice. I like the darker sites best – (reflects my taste in my own site)

    Reply
  22. BebopDesigner
    April 19, 2010

    Wow! amazing collection… love eyedraw and thepixel.com

    Cheers

    Reply
  23. Tz
    April 19, 2010

    Thanks for including my site 2Creative!

    Reply
  24. Gisele
    April 19, 2010

    Thanks for all the comments guys!
    Glad you liked the selection.

    Stay tunned for the next one. =)

    Reply
  25. Elizabeth
    April 19, 2010

    Nice, but they all look very similar and … blue!

    Reply
  26. Henri
    April 20, 2010

    To bad the blue site I’m currently working on ( http://www.16th-floor.nl/test/ct )isn’t ready cause it’s really blue too.

    Reply
  27. Katie
    April 20, 2010

    Great list. A few days ago I encountered a really interesting and cool “blue site”. The link is http://www.mip-design.com.

    Reply
  28. Mental Graffiti
    April 20, 2010

    Thanks, guys. I was stuck with one of my web design projects, and now I have the inspiration to move forward.

    Reply
  29. Alex Swanson
    April 20, 2010

    Thanks for including my site in such a beautiful collection of blue websites.

    Reply
  30. Carey
    April 21, 2010

    Thanks for including us in the blue web design list. Blue works nicely with our “make waves online” approach to marketing. We dig reading your site regularly.

    Reply
  31. Bowwy
    April 22, 2010

    It’s cool

    Reply
  32. Victoria Blount
    April 22, 2010

    Really nice varied collection of websites, all completely different in the shades of blue and layouts.

    Reply
  33. Nick
    April 24, 2010

    Nice collection, very inspirational! I know a website, I think it’s a nice addition to the list: http://www.gratis-zakgeld.nl

    Reply
  34. 55 Minimal Black and White Web Designs to Inspire You | Inspiration
    April 26, 2010

    [...] tweetmeme_service = 'bit.ly'; We’ve already shown you Yellow Web Designs and Blue Web Designs, but sometimes less color is the best color choice for a web site. In this post, we’re [...]

    Reply
  35. chris
    May 12, 2010

    Never thought my favorite color will rock like this.

    Reply
  36. appletxm
    May 28, 2010

    Amazing collection, thanks.

    Reply
  37. Beauchamp Web design
    June 28, 2010

    Cool collection thanks for sharing these

    Reply
  38. Web Designer Sydney
    August 26, 2010

    Excellent list – blue is such a great colour for web design as makes you feel at ease and relaxed. These sites are a great example.

    Reply
  39. 50 Green Web Designs to Inspire You | Inspiration
    September 9, 2010

    [...] be considered warm, it is a cool color that is primarily used for its calming attributes much like blue, and like blue, green is often associated with nature. With so much focus lately being put on the [...]

    Reply
  40. J. Hendrix
    November 17, 2010

    Thanks for the links. Some of these websites look great!

    Reply
  41. Maurice Kindermann
    January 22, 2011

    Awesome stuff guys, my favourites probably orion, yooda and delibar.

    Reply
  42. Fahim MD
    May 30, 2011

    Hey guys,
    here is a blue website that can be added to the collection http://workoffahimmd.com :)

    cheers!

    Reply
  43. Alex Flueras
    November 2, 2011

    Wow, nice collection. I like FeedStitch and PolarGold. Here is another one: http://www.fanpagecraft.com – one page layout.

    Reply
  44. ToniAdams
    November 29, 2011

    Awesome work guys! Ast5onishing colours!

    Reply
  45. Masood
    April 30, 2012

    Nice collection..Thanks for sharing us…

    Reply
  46. web designer hosting
    June 12, 2012

    Seems that blue is back in style
    Maybe “because” of Facebook and twitter ….

    Reply
  47. Pavan Somu
    August 31, 2012

    Perhaps it’s a personal favorite or a well thought out plan for the psychology of color, blue is always a favorite.

    Reply
  48. Boise Blinds
    September 8, 2012

    Cool list you put together. My favorite was the Yooda one. I love their art. Something about the tree and the sky makes it seem peaceful.

    Reply
  49. Ryan Knell
    November 14, 2013

    It was really interesting to see how well Skype held up when going through that list. You rarely see popular corporate sites in these collections.

    Reply

Leave a Reply