10 palettes de couleurs sur le thème du gris pour agrémenter vos site web

Selon, Trinity Advise, le gris n’est pas tout à fait une couleur, historiquement associé à des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les éléments qui le représentent (poussière, souris, béton) pour s’apercevoir qu’il n’est pas très positif au regard actuel des occidentaux. Pourtant, il se marie très bien avec de nombreuses couleurs vives et peut apporter un bon équilibre de sobriété ou d’élégance s’il est dispatché par petites touches de sérieux et de rigueur. Autres aspects positifs, le gris signifie de la neutralité et du respect. Attention cependant, une surabondance de gris implique systématiquement une impression de tristesse et de mélancolie.

Significations : Neutralité, respect, calme, douceur, rigueur,  tristesse, anonymat, solitude, monotonie, mélancolie.

Représentations : Béton, égouts, pluie, poussière, animaux (souris, éléphants).

1) Palette 1

palette-couleurs-web-gris-

#BC623C  —-  #353535  —  #ADADAD  —  #EAC1B0  —  #FFFFFF

2) Palette 2

palette-couleurs-web-gris-2_03

#C3452A —-  #FFFFFF —-  #000000 —-  #414141 —-  #CCCCCC

3) Palette 3

palette-couleurs-web-gris-2_10

#5BAD7E —-  #000000 —-  #FFFFF8 —-  #CFCEC9 —-  #63635F

4) Palette 4

palette-couleurs-web-gris-2_13

#7C838B —-  #676F73 —-  #818A8C —-  #657273 —-  #838B8A

5) Palette 5

palette-couleurs-web-gris-2_16

#60768B —-  #4B5259 —-  #7F8A8C —-  #BFBDB8 —-  #F1EDEB

6) Palette 6

palette-couleurs-web-gris-2_20

#424146 —-  #777780 —-  #EFEEFE —-  #3C3B40 —-  #D7D6E6

7) Palette 7

palette-couleurs-web-gris-2_24

#46464C —-  #E2AF9C —-  #FEF7F9 —-  #A5A5AF —-  #80818A

8) Palette 8

palette-couleurs-web-gris-2_28

#FFFFFF —-  #464646 —-  #464646 —-  #353535 —-  #242424

9) Palette 9

palette-couleurs-web-gris-2_31

#818394 —-  #C1C1C1 —-  #353535 —-  #663835 —-  #783B37

10) Palette 10

palette-couleurs-web-gris

#E8F1F5 —-  #646769 —-  #ABB3B6 —-  #6F7476 —-  #4B4E50

Articles similaires

10 Typographies Gratuites pour les titres de vos sites web
views 622
Dans cet article je vous propose  une petite sélection de 10 polices gratuites pour agrémenter vos titres 1) Mohave (réalisée par le designer Gumpi...
Le design du bouton « ajouter au panier » et le taux de conversion
views 674
Le site PerceptionIT met en avant l'impact que peut avoir le bouton "ajouter au panier" à travers une infographie. - les boutons de couleur rouge e...
Comment améliorer l’expérience utilisateur de votre site | Infographie
views 114
Cette infographie met en avant les grands principes pour améliorer l'expérience utilisateur. Une petite définition : l’expérience utilisateur, c’es...
Quel langage devez-vous apprendre ? | Infographie
views 271
Cette infographie récapitule les différents langages dans le monde du web.
A/B Testing – Quick Vs Multi Page checkout – Which performs better?
views 516
Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, ...
Déménager son site sans perdre son référencement
views 557
Vous avez décidé de migrer votre site internet mais vous avez peur de perdre votre référencement ? Dans ce cas je vous conseille de jeter un oeil à...
6 tendances webdesign pour 2015
views 88
Cette infographie, réalisée par l’agence TisIndia, présente 6 tendances webdesign pour 2015. 1) Le Responsive Design (indispensable en 2015 et dans...
Manque d’inspiration : 10 exemples de fiches produits
views 1875
Le thème de la fiche produit fait couler beaucoup d'encre sur les blogs ou les sites de conseils webmarketing. Pour cause, elle est un élément importa...
Vous désirez un logo parfait ? | Infographie
views 383
La création d'un logo est une étape importante lors de la création de son entreprise. Il apparaitra partout : site web, enseigne boutique, signatur...
6 erreurs à éviter dans votre marketing mobile
views 94
Google vient de faire en grand pas un avant avec son nouvel algorithme qui sanctionne les sites dont le contenu ne s'adapte pas à tout les écrans. ...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *