50 Beautifully Brown Web Designs

Posted by Gisele Muller on Mar 22, 2010 | 33 Comments

Last week for our usual Monday inspirational post we presented you with a showcase of web designs featuring the color yellow. Many of you enjoyed the focus on one color and even asked that we showcase another color. Since yellow is bright and bold, we thought we would go neutral this week and focus on brown. Brown is an earthy color that represents simplicity, friendliness, and dependability. Maybe it was these characteristics that caused UPS to build their entire brand around brown.

Here are 50 beautiful brown web designs that will inspire you. You will see that brown makes a great base color for a design and works well with many other colors.

About the Author

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

Here's some other articles that you will definitely find useful.

33 comments

G3D
March 22, 2010
Thank for awesome collection.

rzmota & SpoonGraphics are so sweets
Reply
Toby
March 22, 2010
Wow, thank you for this great collection!
Didn’t know that brown matches so good in webdesign!
Reply
Iama Web Designer
March 22, 2010
fantastic collection. I must say that the use of brown in web design, when properly contextualized, is very elegant. Nine Lion, definitely cool!
Reply
- menny
  April 2, 2010
  That is good to hear as I am setting up a business and using Brown – glad you as a Web Designer see this as elegant Iama !!
  Reply
Federica Sibella
March 22, 2010
I love TeaRound and Cellar, beauty and clean style. Our last project is also based on brown: check it out and give us a comment if you like http://www.albergogiardinetto.it
Reply
- Ryan Ray
  March 22, 2010
  awesome inspiration and timely too!
  
  I just did a site with brown and red too, still tweaking it but its turned out well so far.
  
  Http:/www.johntibbsmusic.com
  Reply
coja1
March 22, 2010
This one too: http://www.ousevalleyfoods.com/
Reply
Victoria Blount
March 22, 2010
My favorites from the list above of brown website designs, are sing the textured wood backgrounds, they look so effective. The other designs that work well are using a strong accent colour like green to contrast with the brown.
Reply
paul
March 22, 2010
How could you forget http://thingsthatarebrown.com/
Reply
Ward O.
March 22, 2010
Nice collection. Coffee-related websites in particular are usually very well-designed sites with (obviously) use of brown.

http://www.cariboucoffee.com/
Reply
remco
March 22, 2010
and the lovely…
http://www.artica04.nl

thanks keep up the great work
remco
Reply
Jordan Walker
March 22, 2010
Nice eye for brown websites!
Reply
kevin
March 22, 2010
Awesome, i love brown, made my own folio with this color.
Reply
The Designer
March 22, 2010
Sweet – we got featured! And alongside so many great designs. Much appreciated.

Great post!
Reply
jamEs
March 22, 2010
I’ll mention my site, http://www.slideaway.ca/

Love to design using brown!
Reply
Beth McLain
March 22, 2010
Awesome share… I love the design concept of barista.
Reply
Damian Smith
March 22, 2010
Some really nice sites here. Brown used in web design is probably one of my favorite choices. I know the wood effect is fairly popular but it can work so well with the right typography and the right kind of target audience.

Brown in various shades in my opinion can pretty much work with most styles of site, whether it be corporate business style or fun graphic design/portfolio looking.

My favorite two from your list have to be nine lion and James Lai Creative. Both work really well colour wise and alignment.
Reply
Callum Chapman
March 22, 2010
Great collection!

I just posted a similar post over at Circlebox Blog, but with blue design instead of brown!

Feel free to check it out!: http://circleboxblog.com/2010/inspiration/a-splash-of-stunning-and-sleek-blue-web-design-inspiration/
Reply
Daniel
March 22, 2010
Awesome collection!
Mine is brown too!
Check it out: http://www.wezen.com.br.
Reply
Brad
March 22, 2010
Great list. Nice use of textures and colors on many of them.
Reply
Web Design
March 22, 2010
Too dark for my taste.

Light deshin is becomming more pupolar
Reply
Harmony Steel
March 23, 2010
I really enjoy these color collections and always bookmark them for future reference, thank you
Reply
Louisa
March 23, 2010
A great inspiration list for creative websites, not sure how suitable brown is for more businessy websites though
Reply
Casino Lemonade
March 25, 2010
Thanks for featuring us.
You can see some old logos and designs on our Flickr profile:
http://www.flickr.com/photos/casino-lemonade/
We are working on a making of video which will be released soon but I can show you a beta version without comment:
http://vgm.vegads-media.com/pres-design-lemonade.swf
You’ll see that we have been inspired by games such as Bioshock and Fallout 3.
You can also check our Facebook profile:
http://www.facebook.com/casinolemonade
Reply
WpFolios
March 29, 2010
Wow this is really post, love the brown thanks for these inspirations
Reply
Lee Greenhill
March 29, 2010
Thanks for posting. I think brown is an under-rated colour for a website. Generally warm and welcoming, just what you’d want a website to be. Some great examples here.
Reply
Birgit
March 29, 2010
very nice list!

I’ve always loved brown in web design and my own site just relaunched with its second brown theme
Reply
Muthu
April 8, 2010
Wow Man, you are really trendsetter
Reply
Anna
April 11, 2010
I also suggest an Italian website, verticalismi.it
Reply
Takingweb
April 26, 2010
great collction!…i love brown site…mine is brown too: http://www.takingweb.com...
Reply
Online Kids Games
May 17, 2010
Awesome. Brown is such an amazing color and can be use to portray different styles – majestic, bold, elegant, nostalgia, etc. Thanks for sharing.
Reply
Website Development
May 17, 2010
My favorite one here is TEA ONE.

Amazing use of brown color. I’ll show them to my designers to be inspired of.
Reply
vuitton
August 10, 2010
I’ll show them to my designers to be inspired of! thanks a lot
Reply

Web Design Ledger

About the Author

Related Posts

33 comments

menny

Ryan Ray

coja1

Ward O.

Anna

Leave a Reply

Subscribe