50 Beautifully Brown Web Designs

By / Mar 22, 2010 / Inspiration
shares

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

brown web design

adflavor.net

brown web design

Whashtenaw Community College

brown web design

new{concept}

brownsites01

Nine Lion

brownsites02

student.opendoorsuk.org

brownsites03

Tea Round

brownsites05

arqandgraph.com

brownsites06

rzmota.com

brownsites07

coolshowcase.com

brownsites08

youandigraphics.com

brownsites10

Watermelon Ministries

brown web design

momentify.com

brownsites11

lifeinmono.net

brownsites12

YummyCss

brownsites13

ColouringCode

brownsites14

Diego Valobra

brownsites15

en.casino-lemonade.com

brownsites16

loungelizard.com

brownsites17

James Lai Creative

brownsites18

Wawa Coffeetopia

brownsites19

sugarrhyme.com

brownsites20

respiromedia.com

brownsites21

uniquexports.com

brownsites22

kovidesign

brownsites23

StoryPixel

brownsites24

ideafoundry

brownsites25

Mayflower Brewing

brownsites26

authenticstyle.co.uk

brownsites27

Floral Productions

brownsites28

thethingswemake

brownsites29

noedesign.com

brownsites30

happilycreate.com

brownsites31

Turncolor

brownsites32

paavejhjem.dk

brownsites33

blogsolid

brownsites34

whoorayrecords.com

brownsites35

Gianni’s

brownsites36

electricpulp.com

brownsites37

Quo

brownsites39

97bottles.com

brownsites40

bigsweaterdesign.com

brownsites41

Cellar

brownsites42

mattbrett.com

brownsites43

spicedjack94.com

brownsites44

barista

brownsites45

Hippo House

brownsites46

juliusmattsson.com

brownsites47

bloggerbakeoff.com

brownsites48

Candes

brownsites49

Church on the Rock

brownsites50

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

33 Comments

  1. G3D
    March 22, 2010

    Thank for awesome collection.

    rzmota & SpoonGraphics are so sweets

    Reply
  2. Toby
    March 22, 2010

    Wow, thank you for this great collection!
    Didn’t know that brown matches so good in webdesign!

    Reply
  3. 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
  4. 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
  5. coja1
    March 22, 2010

    This one too: http://www.ousevalleyfoods.com/

    Reply
  6. 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
  7. paul
    March 22, 2010

    How could you forget http://thingsthatarebrown.com/

    Reply
  8. 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
  9. remco
    March 22, 2010

    and the lovely…
    http://www.artica04.nl

    :)
    thanks keep up the great work
    remco

    Reply
  10. Jordan Walker
    March 22, 2010

    Nice eye for brown websites!

    Reply
  11. kevin
    March 22, 2010

    Awesome, i love brown, made my own folio with this color.

    Reply
  12. The Designer
    March 22, 2010

    Sweet – we got featured! And alongside so many great designs. Much appreciated.

    Great post!

    Reply
  13. jamEs
    March 22, 2010

    I’ll mention my site, http://www.slideaway.ca/

    Love to design using brown!

    Reply
  14. Beth McLain
    March 22, 2010

    Awesome share… I love the design concept of barista.

    Reply
  15. 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
  16. 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
  17. Daniel
    March 22, 2010

    Awesome collection!
    Mine is brown too!
    Check it out: http://www.wezen.com.br. :D

    Reply
  18. Brad
    March 22, 2010

    Great list. Nice use of textures and colors on many of them.

    Reply
  19. Web Design
    March 22, 2010

    Too dark for my taste.

    Light deshin is becomming more pupolar

    Reply
  20. Harmony Steel
    March 23, 2010

    I really enjoy these color collections and always bookmark them for future reference, thank you :)

    Reply
  21. Louisa
    March 23, 2010

    A great inspiration list for creative websites, not sure how suitable brown is for more businessy websites though

    Reply
  22. 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
  23. WpFolios
    March 29, 2010

    Wow this is really post, love the brown :) thanks for these inspirations

    Reply
  24. 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
  25. 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
  26. Muthu
    April 8, 2010

    Wow Man, you are really trendsetter :-)

    Reply
  27. Anna
    April 11, 2010

    I also suggest an Italian website, verticalismi.it

    Reply
  28. Takingweb
    April 26, 2010

    great collction!…i love brown site…mine is brown too: http://www.takingweb.com... :)

    Reply
  29. 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
  30. 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
  31. vuitton
    August 10, 2010

    I’ll show them to my designers to be inspired of! thanks a lot

    Reply

Leave a Reply