21 Examples of Black, White & Grey in Web Design

By / Feb 4, 2013 / Inspiration
shares

Certain colors give a website a really elegant and clean look. Some color combinations are pretty popular in web design, and definitely the black, white & grey (sometimes with a hint of red) is one of those popular combinations. These colors, combined properly, result in beautiful and elegant designs. Today we will show you inspiring examples of websites using these colors. From subtle details to complete backgrounds and images, here you will see several different approaches to the same color palette.

Funkhaus

21 Examples of Black, White & Grey Usage in Web Design

Rick & Drew

21 Examples of Black, White & Grey Usage in Web Design

Marek Piatek

21 Examples of Black, White & Grey Usage in Web Design

The Windmill Club

21 Examples of Black, White & Grey Usage in Web Design

Two Create

21 Examples of Black, White & Grey Usage in Web Design

iconmonstr

21 Examples of Black, White & Grey Usage in Web Design

Erik Ford

21 Examples of Black, White & Grey Usage in Web Design

ThoughtAssembly

21 Examples of Black, White & Grey Usage in Web Design

Brooklyn Soap Company

21 Examples of Black, White & Grey Usage in Web Design

Incredible Types

21 Examples of Black, White & Grey Usage in Web Design

Kernel Interactive

21 Examples of Black, White & Grey Usage in Web Design

Matt Carvalho

21 Examples of Black, White & Grey Usage in Web Design

Aria

21 Examples of Black, White & Grey Usage in Web Design

Noe Araujo

21 Examples of Black, White & Grey Usage in Web Design

Welkome

21 Examples of Black, White & Grey Usage in Web Design

Portraits Scotch & Soda

21 Examples of Black, White & Grey Usage in Web Design

Lincoln

21 Examples of Black, White & Grey Usage in Web Design

nudge

21 Examples of Black, White & Grey Usage in Web Design

Fior di Latte

21 Examples of Black, White & Grey Usage in Web Design

Sagmeister & Walsh

21 Examples of Black, White & Grey Usage in Web Design

B-Reel

21 Examples of Black, White & Grey Usage in Web Design

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

9 Comments

  1. Joe Petchonka
    February 4, 2013

    These designs are definitely pretty cool. Grey, white and black aren’t the most striking, but when done right, they can have a great impact on your audience.

    I personally opt for more colorful and modern looks, though, because a wider audience will be attracted!

    Reply
  2. Web Design Fact
    February 5, 2013

    Really inspiring collection of grey color usage within web design. Personally “Aria” is the favorite one. Thanks for sharing !

    Reply
  3. Yuan Wang
    February 5, 2013

    Nice collection of elegant designs. The problem with some of these sites is that they start to all look the same, especially with the rising popularity of WordPress themes. Designers have to continue innovating with unique photography and typography to create more points of difference.

    Reply
  4. Juano
    February 7, 2013

    Yes!! Black, white, grey and red are wonderful colours to combine in design! High impact and crear effects

    Reply
  5. jm creative
    February 7, 2013

    Great collection, some of which i have come across before and used as reference. Yung Wang i totally agree with your comment but from this collection you can see which ones really stand out because of how well the designers have used the photography and typography.
    I think the photo on Lincoln is brilliant and really catches the eye with all the detail through the hair and small creases.

    Reply
  6. Nathan Wilkins
    February 20, 2013

    Yeah I love how some designers use white and grey in their designs. It makes some websites look subtle yet effective at the same time. Using blue can also enhance the grey/white look which I’m going to try soon!

    Reply
  7. Web Design Malaysia
    February 21, 2013

    Always been a big fan of Sagmeister’s work.

    Awesome site as well!

    Reply
  8. Design Turnpike
    February 25, 2013

    Good photography here is key.

    Reply
  9. Barry Reynolds
    December 10, 2013

    I reckon that ‘grey’ websites are adaptable to most types of audiences.By using minor tweaking with fonts and colours it becomes easy to adjust the styles and the effectiveness of the whole look. Personally for my website I have introduced colourful headings for approachable feel.

    Reply

Leave a Reply