70+ Great Examples Of Grey Tones in Web Design

Saturday 25th, March 2017 / 07:46 Written by
70+ Great Examples Of Grey Tones in Web Design
585 Flares Twitter 0 Facebook 0 Google+ 6 LinkedIn 0 StumbleUpon 579 Filament.io 585 Flares ×

A great way to create a calm and neutral presentation that serves as a perfect platform for boosting a message is to use grey colors in your web designs.

Grey is known as a neutral color and often referred to as a dull one of its kind. However, there are many different shades of grey and the color scheme, which is actually an intermediate between black and white, can both be used to exude fatigue, cold, warms and inclusion.

Being a neutral color grey is often used together in minimalistic web designs as it compliments each other well. As you can see in the examples below you can use grey in different contexts. Some use grey as the background color, which allows colorful fonts or images to stand out thereby drawing the attention to the one thing you want to highlight on your website. Another great example is how you can create a website design only using the colors black, white and gray. However, this might sound lifeless or even as a site without an essential nerve the designs often turns out to be both beautiful and elegant.

I have handpicked some really great examples of grey web designs for your inspiration. If you are looking to create a brand new design, you might want to have a look at some ready to use website templates. If you are planning to set up a portfolio site, I think this article from Tripwiremagazine.com is useful as it gives you a huge collection of WordPress portfolio themes to choose from.

Please leave me a comment telling me what you think of using grey colors in web design. Also, if you decided never to use it… let me know why. Enjoy and be inspired!

We Are Academy – MORE INFO

we-are-academy

Think Moto – MORE INFO

think-moto

Friendly Gents – MORE INFO

friendly-gents[1]

EE Harbor – MORE INFO

ee-harbor

Vincent Tavano – MORE INFO

vincent-tavano

Serious Situations – MORE INFO

serious-situations

The Letter D – MORE INFO

the-letter-d

Prism – MORE INFO

prism

DN & Co. – MORE INFO

dn-&-co

The Touch Agency – MORE INFO

the-touch-agency

Bloom Interior Design – MORE INFO

bloom-interior-design

Atlason – MORE INFO

atlason

Ray Macari – MORE INFO

ray-macari

No Favorite – MORE INFO

no-favorite

We Are Landing – MORE INFO

we-are-landing

Golf & Cia – MORE INFO

golf-&-cia

Stubble and Glasses – MORE INFO

stubble-and-glasses

Art and Code – MORE INFO

art-and-code

Hauser Lacour – MORE INFO

hauser-lacour

Diego Guevara – MORE INFO

diego-guevara

No Leath – MORE INFO

no-leath

Reaching Quiet – MORE INFO

reaching-quiet

Nate Hanson – MORE INFO

nate-hanson

Finely Sliced – MORE INFO

finely-sliced

Ryan Paonessa – MORE INFO

ryan-paonessa

Design Made in Germany – MORE INFO

design-made-in-germany

Dot Mick – MORE INFO

dot-mick

Linda Dong – MORE INFO

linda-dong

Lend Your Leg – MORE INFO

lend-your-leg

Present Plus  – MORE INFO

present-plus

Unit Portables – MORE INFO

unit-portables

Get Corpus – MORE INFO

get-corpus

Focus Lab LLC – MORE INFO

focus-lab-llc

Ben Spencer – MORE INFO

ben-spencer

Hochburg – MORE INFO

hochburg

Menta Picante – MORE INFO

menta-picante

Flamboya Media – MORE INFO

flamboya-media

Syg 315 – MORE INFO

syg-315

Nexxo – MORE INFO

nexxo

Joint London – MORE INFO

joint-london

Stock woods – MORE INFO

stock-woods

Niketo – MORE INFO

niketo

Jay Adams – MORE INFO

jay-adams

One to Four – MORE INFO

one-to-four

Mark Lawrence Design – MORE INFO

mark-lawrence-design

Oscar Barber – MORE INFO

oscar-barber

Brian Plemons – MORE INFO

brian-plemons

Smart GC – MORE INFO

smart-gc

One Minute With – MORE INFO

one-minute-with

Johann Lucchini – MORE INFO

johann-lucchini

Art & Graft – MORE INFO

art-&-graft

Nizo App – MORE INFO

nizo-app

JC Suzanne – MORE INFO

jc-suzanne

Hatch Inc. – MORE INFO

hatch-inc

Ego Argentina – MORE INFO

ego-argentina

HTML Inspiration – MORE INFO

html-inspiration

It’s the Jump Off – MORE INFO

it's-the-jump-off

Rumble Labs – MORE INFO

rumble-labs

Offscreen Mag – MORE INFO

offscreen-mag

Postmates – MORE INFO

postmates

Egosum Fashion – MORE INFO

egosum-fashion

In Motion Massage – MORE INFO

in-motion-massage

Grind Spaces – MORE INFO

grind-spaces

Two Create – MORE INFO

two-create

Aar-n – MORE INFO

aar-n

Plain Made – MORE INFO

plain-made

Calepino – MORE INFO

calepino

Salt Surf – MORE INFO

salt-surf

585 Flares Twitter 0 Facebook 0 Google+ 6 LinkedIn 0 StumbleUpon 579 Filament.io 585 Flares ×

About the author

Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.

View all articles by Pete