Not a member? Why not join us or log in? (No more hassle filling in comments, less obtrusive ads and asides.)

Break Out the Earth Tones

Posted by Phil Renaud on September 30th, 2005.

Phil Renaud is a Canadian blog design and web design enthusiast, with a particular admiration for web standards and CSS innovation. Ruby on Rails, xhtml/css, ajax, and a whole lotta love.

http://philrenaud.com

Phil Renaud has posted 21 articles.

RSS Feed for fadtastic.net RSS Feed for Phil Renaud

Full Profile →

It’s nearing the end of September, and the change of season to Autumn hardly goes unnoticed. ‘Tis the season where we leave the patios and beaches behind and yield our afternoons to raking leaves off the front lawn.

At the car dealership down the street, all the display models are a rich olive shade. All the salespeople seem to have decided that forest green suits were all the rage.

Of course, art immitates life (or in this case, crass commercialism). Not that I’m saying the recent batch of well designed websites have been taking after the car salesmen from around the block, but they certainly have no trouble embracing the earth-tones and subtle shades and colours that Autumn seems to bring around.

Whether it’s in the backdrop (exhibit a, exhibit b), or peeking through with highlights and in the foreground (as per Adaptive Path, Jonathan Snook, Microformats, Otvice and Rodoula), earth-based tones of green and brown can catch the viewer’s eye, and keeping up with the season in terms of colour helps keep your site looking fresh. Whether it’s a high-saturiated green or darker olive with grey tones intermixed, adding an earth-tone to your colour pallette can is a look that is accomplished successfully wherever it’s used in balance with the rest of the site.

Some sites are making solid-looking sites based around green and grey shades, rather than just adding them in as highlights. When pulled off, this makes for a very nice colour pallette, and is very easy to work around for highlight shades.

Now, to get back to raking those leaves…

Make A Comment

( 6 so far )

blockquote and a tags work here.

6 Responses to Break Out the Earth Tones

Comments RSS Feed

I love the Autumn shades. There are many opportunities to create interesting pallettes with them. For instance, one could create burnt orange reds and browns with low contrast or go for vivid greens with high saturation oranges. A multitude of lovely colors to pick from.

Andrew Faulkner
September 30th, 2005
#

Yes, there’s a lot of relaxation to these colours, and like you’ve mentioned there so flexible.

Gavin
September 30th, 2005
#

Hello Phil, thanks for the mention. I actually considered the colors and overall feel of my website more representative of summer than autumn (I designed it in July afterall). But I would use these colors all year round. Besides blue, earthy tones are my favorite colors.

Rodoula
October 1st, 2005
#

Autumn tones to me are more brown, dark yellow and brownish red shades rather than olive green. For example Interllectual.com’s shades remind me strongly of Autumn. Perhaps that is because I live up north where the leaves actually change color in the fall. Rumor has it that they do not in the south. :P

Rose
October 4th, 2005
#

I’m in the UK - Autmun is grey here. :) I’d love to see an American Autumn. (Or Canadian.)

I’d say a green and brown/red combo can get the Autumn effect. I guess it’s just a personal opinion on the colours of Autumn.

I think the most “Autumny” thing I’ve seen is a John Lewis television ad.

Andrew Faulkner
October 4th, 2005
#

I for one prefer the brown, earthy and reddish tones, for one they are by far easier on the eyes especially if you are staring at a website for a long time, and they also have a calming effect which is a nice thing to encounter especially after a long day at work, or even if you’re at work in the middle of a hectic day.

[synaptiv]
October 20th, 2005
#

↑ Jump up to the comment form

Related In Some Way, Shape Or Form

The above post has obviously kept you amused. Why not discover similar material:

The posts The Many Blessings of FadtasticFrom Counterculture to cyberculture: Stewart Brand, the Whole Earth Network, and the Rise of Digital UtopianismWe have a friend! Presenting Design DeconstructAway and Bug SquashingBig, Bold Backgrounds, are related to this post.

Or why not take time out to find out about the author of the post.