55 Beautifully Blue Web Designs to Inspire You

By / Apr 19, 2010 / Inspiration

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

  • http://www.hoppingmad.com.au Steven Walberg

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

  • http://www.digital-pza.com Digital Pizza

    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/

  • http://www.edgarleijs.nl Edgar Leijs

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

  • http://www.kitaro10.com/ Aisha

    nice set

  • http://www.ozoneeleven.com/ balial tariq

    wow biue is cool and calm……………

  • http://www.michelin.co.uk Andrew Clarke

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

  • http://www.creativeman.nl Martin Risseeuw

    Great website. Can’t pick a favorite one.

  • http://www.krishnasolanki.co.uk/ Krishna

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

  • http://www.home-theatre-systems.net HD Guy

    Fantastic round-up! I feel inspired already :)

  • http://irava.net Stefan

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

  • http://www.twitter.com/snarphblat Hillary

    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!

  • http://www.jordanwalker.net Jordan Walker

    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.

  • http://www.chrismower.com Chris Mower

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

  • http://www.albertlie.com/ Albert Lie

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

  • Cody

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

    • billy

      I agree, well done.

  • http://www.treehouse10.com Michael

    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

  • http://www.modny73.com/ Cook

    nice collection…keep up the good work..

  • http://www.kliky.com Ed at Kliky

    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.

  • http://lenatailor.designerteam.info Lena Tailor | DT

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

  • Carry

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

  • http://www.ripplenet.co.uk Tim Read

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

  • http://www.bebop-ad.com BebopDesigner

    Wow! amazing collection… love eyedraw and thepixel.com

    Cheers

  • http://www.2creative.com.au Tz

    Thanks for including my site 2Creative!

  • http://twitter.com/gismullr Gisele

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

    Stay tunned for the next one. =)

  • Elizabeth

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

  • http://www.16th-floor.nl Henri

    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.

  • Katie

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

  • http://www.wlgaiennie.com Mental Graffiti

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

  • http://alexswanson.net/ Alex Swanson

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

  • http://www.blackwave.net Carey

    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.

  • Bowwy

    It’s cool

  • http://www.webdesignkc.co.uk/ Victoria Blount

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

  • Nick

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

  • Pingback: 55 Minimal Black and White Web Designs to Inspire You | Inspiration()

  • chris

    Never thought my favorite color will rock like this.

  • appletxm

    Amazing collection, thanks.

  • http://www.beauchampwebdesign.co.uk Beauchamp Web design

    Cool collection thanks for sharing these

  • http://www.digitalfinery.com.au Web Designer Sydney

    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.

  • Pingback: 50 Green Web Designs to Inspire You | Inspiration()

  • http://www.uitmuntend-webdesign.nl J. Hendrix

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

  • http://www.kintek.com.au Maurice Kindermann

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

  • http://www.workoffahimmd.com Fahim MD

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

    cheers!

  • http://www.studioweber.ro Alex Flueras

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

  • http://www.webski.com.au ToniAdams

    Awesome work guys! Ast5onishing colours!

  • http://www.falconcreativestudio.com Masood

    Nice collection..Thanks for sharing us…

  • http://webdesignershost.com web designer hosting

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

  • http://www.geekandblogger.com Pavan Somu

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

  • http://www.theblindgallery.com Boise Blinds

    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.

  • http://www.snappy-apps.com.au Ryan Knell

    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.