50 Beautifully Brown Web Designs
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.
SpoonGraphics
adflavor.net
Whashtenaw Community College
new{concept}
Nine Lion
student.opendoorsuk.org
Tea Round
arqandgraph.com
rzmota.com
coolshowcase.com
youandigraphics.com
Watermelon Ministries
momentify.com
lifeinmono.net
YummyCss
ColouringCode
Diego Valobra
en.casino-lemonade.com
loungelizard.com
James Lai Creative
Wawa Coffeetopia
sugarrhyme.com
respiromedia.com
uniquexports.com
kovidesign
StoryPixel
ideafoundry
Mayflower Brewing
authenticstyle.co.uk
Floral Productions
thethingswemake
noedesign.com
happilycreate.com
Turncolor
paavejhjem.dk
blogsolid
whoorayrecords.com
Gianni’s
electricpulp.com
Quo
97bottles.com
bigsweaterdesign.com
Cellar
mattbrett.com
spicedjack94.com
barista
Hippo House
juliusmattsson.com
bloggerbakeoff.com
Candes
Church on the Rock
About the Author
Related Posts
Here's some other articles that you will definitely find useful.
45 Inspiring Design Agency Websites
55 Excellent Examples of Websites Using HTML5
30 Inspiring iPhone Application Websites
35 Purple Web Designs to Inspire You
25 Nature Related Web Designs to Inspire You
Mar 22, 2010
Thank for awesome collection.
rzmota & SpoonGraphics are so sweets
Mar 22, 2010
Wow, thank you for this great collection!
Didn’t know that brown matches so good in webdesign!
Mar 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!
Apr 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 !!
Mar 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
Mar 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
Mar 22, 2010
This one too: http://www.ousevalleyfoods.com/
Mar 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.
Mar 22, 2010
How could you forget http://thingsthatarebrown.com/
Mar 22, 2010
Nice collection. Coffee-related websites in particular are usually very well-designed sites with (obviously) use of brown.
http://www.cariboucoffee.com/
Mar 22, 2010
and the lovely…
http://www.artica04.nl
thanks keep up the great work
remco
Mar 22, 2010
Nice eye for brown websites!
Mar 22, 2010
Awesome, i love brown, made my own folio with this color.
Mar 22, 2010
Sweet – we got featured! And alongside so many great designs. Much appreciated.
Great post!
Mar 22, 2010
I’ll mention my site, http://www.slideaway.ca/
Love to design using brown!
Mar 22, 2010
Awesome share… I love the design concept of barista.
Mar 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.
Mar 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/
Mar 22, 2010
Awesome collection!
Mine is brown too!
Check it out: http://www.wezen.com.br.
Mar 22, 2010
Great list. Nice use of textures and colors on many of them.
Mar 22, 2010
Too dark for my taste.
Light deshin is becomming more pupolar
Mar 23, 2010
I really enjoy these color collections and always bookmark them for future reference, thank you
Mar 23, 2010
A great inspiration list for creative websites, not sure how suitable brown is for more businessy websites though
Mar 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
Mar 29, 2010
Wow this is really post, love the brown
thanks for these inspirations
Mar 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.
Mar 29, 2010
very nice list!
I’ve always loved brown in web design and my own site just relaunched with its second brown theme
Apr 8, 2010
Wow Man, you are really trendsetter
Apr 11, 2010
I also suggest an Italian website, verticalismi.it
Apr 26, 2010
great collction!…i love brown site…mine is brown too: http://www.takingweb.com...
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.
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.
Aug 10, 2010
I’ll show them to my designers to be inspired of! thanks a lot