Color In Design: White

Over the last couple of months I’ve been writing about color in design, starting with red and now finishing today with the color white. White works well with almost any color. It has associations of cleanliness, innocence and purity. It’s traditional for Western brides to wear white, while in Western cowboy movies, the bad guy always wore black, while the good guy wore white.

Like black, the color white is a neutral color and is most frequently used as a background on the web, and of course in print. There is a misconception that white can be boring, or that choosing white is predictable, but there are many designers who choose and work with white to make beautiful designs.

Many of the best web sites which are using white appear “clean and simple”. This type of design can seem deceptively easy, but it really is a challenge. The best designs are often the ones that don’t look like they’ve been designed.

 

Using White In Design

There are many variations on the color white. Off-whites include antique white, cream, linen, beige, paper, snow, pearl and ivory and these can appear softer or less stark than pure white. Lots of white can be used with light blues to create a wintery palette, or with yellows and pastels to create a summery feel.

A splash of white can dramatically brighten a design and can make dark red, greens, blues and purples look more prominent. If you’re American, French, British, Swedish (and many other nationalities), then red, white and blue creates a patriotic palette. Black and white is the most contrasting combination you can have and can convey a feeling of seriousness or drama.

Using white does not mean being “minimalistic”. Minimalism is not dependent on any particular color. In the same way, “white space” does not necessarily mean that the space around any design element must be be white. You the designer must make the color choices.

So let’s take a look at some web sites which are doing nice things in white. It’s no accident that many of these sites use photographs or images that have white backgrounds, adding to the overall sleekness of the sites.

 

Eva Solo

evasolo

 

The Typographic Desk Reference

tdr

 

Olive & Myrtle

olive

National Television

national

Alex Trochet

AlexTrochet

Jo Santana

JoSantana

This Is Grow

Grow

 

Instabox

instabox

 

Surfstation

surfstation

Made By Sofa

sofa

 

What do you think about white, is it a color you deliberately (rather than just not think about it and leaving all space white) use in your designs?

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • julie

    The interesting thing about the examples is how they’ve used a tiny bit of another bright colour (like lime) and because of teh clean white background, it makes that really pop, even in small quantities.

  • Federica Sibella

    I like this kind of design with a lot of white space: it makes the whole design breathing. Most of the time they are also minimalist designs and colours are used sparingly. If you like check out our portfolio which is minimalist and very white: http://www.musings.it :-)

  • azur

    Congratulations for your Color in Design articles, I enjoyed reading them!!

  • Matt

    Even http://www.codeandhue.com come under this category.

  • pixelbudah
  • feicanfly

    When I read this article, I fell in love with a white,hehe