L’essentiel en bref
- Une palette de couleurs neutres se construit avec des couleurs peu saturées comme le blanc, l’ivoire, le beige, le taupe, le gris, l’anthracite et le quasi noir.
- Les neutres ont une température : les neutres chauds tirent vers le jaune, le rouge ou le brun, et les neutres froids vers le bleu ou le vert.
- Une palette neutre paraît plate quand toutes les couleurs ont la même clarté : incluez donc au moins un ton très clair, un ton moyen et un ton très foncé.
- La plupart des palettes neutres ont besoin d’une couleur d’accent utilisée en petites quantités pour leur donner un point de focalisation.
- Les neutres moyens comme le taupe et la pierre échouent généralement au contraste pour le corps du texte sur fond clair : composez donc le texte avec le ton le plus foncé.
Sur cette page
Une bonne palette de couleurs neutres utilise des couleurs très peu saturées, comme l’ivoire, le sable, le taupe, la pierre, l’anthracite et le quasi noir, et leur donne du caractère de trois façons : elle s’engage sur une température, elle va de bout en bout du clair au sombre, et elle ajoute un petit accent. Sans cela, vous obtenez le beige qui a l’air d’un réglage par défaut. Voici huit palettes aux codes copiables, et le raisonnement derrière chacune, pour que vous puissiez les ajuster plutôt que les copier.
Neutres chauds, froids et vrais
Très peu de neutres sont vraiment sans couleur, et ceux qui le sont peuvent paraître froids. La plupart penchent quelque part, et ce penchant fixe l’ambiance. Mélanger par accident un beige chaud avec un gris bleuté froid est la raison la plus courante pour laquelle un ensemble neutre paraît légèrement faux.
Tire vers
Impression
Codes d’exemple
#F3EEE6, sable #D9CBB4, taupe #8A8178Tire vers
Impression
Codes d’exemple
#ECEEEF, ardoise #6B7075, graphite #1F2326Impression
Codes d’exemple
#BDB6AC, pierre #A39A8FTire vers
Impression
Codes d’exemple
#F2F2F2, #8C8C8C, #222222Les couleurs chaudes et froides approfondissent la température, et la température de couleur explique comment l’éclairage et les écrans la déplacent.
Huit palettes neutres avec codes hex
Chaque palette a un fond clair, un ou deux tons moyens, un sombre pour le texte et, le plus souvent, un accent. Lisez les noms comme un brief : ils décrivent l’endroit où la palette se sentirait chez elle.
- Avoine et olive : avoine
#E9E1D2, lin clair#CDBF9F, olive#6E6B4A, écorce#2F2A22. Naturelle sans le cliché des feuilles vertes. - Maison de pierre : craie
#F5F3EF, greige#BDB6AC, pierre#A39A8F, anthracite#34312D, laiton#B08D57. Intérieurs, architecture, luxe discret. - Papier et encre : papier
#FAF7F0, papier journal#E4DED2, crayon#5C544C, encre#151515, rouge d’éditeur#C8372D. Éditoriale et sérieuse. - Gris verre de mer : brouillard
#EEF1EF, verre de mer#B9C6C0, port#5E6F6A, profond#1C2624. Froide, mais adoucie par le vert. - Neutre blush : porcelaine
#F7F0EC, pierre blush#DCC7BE, taupe mauve#8C7470, cacao#33221F. Chaude et douce, bien pour la beauté et le bien-être. - Neutre de nuit : onyx
#121212, fumée#2A2826, cendre#77716B, os#E9E2D6. Un fond sombre avec une typographie claire et chaude.
Avant d’en adopter une, testez-la sur du vrai matériel. Posez votre logo, une photo de produit et un paragraphe de texte sur chaque fond. Les photographies portent souvent leur propre chaleur ou froideur, et une palette qui se bat contre vos photos ne paraîtra jamais calme, aussi soigneusement que vous l’ayez choisie.
Comment donner du caractère à une palette neutre
- 1
Engagez-vous sur une température
Choisissez chaud ou froid et vérifiez chaque couleur par rapport à ce choix. Placez vos échantillons côte à côte : tout ce qui paraît légèrement vert à côté d’un beige chaud est dans la mauvaise famille.
- 2
Étirez l’amplitude
Incluez un ton proche du blanc, un ton moyen et un ton proche du noir. Les palettes neutres composées uniquement de beiges moyens n’ont ni profondeur ni couleur de texte lisible.
- 3
Ajoutez un accent
Une seule couleur saturée en petites doses donne à l’œil un endroit où se poser. L’accent de couleur montre quelle quantité suffit.
- 4
Apportez de la texture
Les neutres paraissent les plus riches avec du grain, du papier ou un doux changement de lumière. Un rectangle beige uni paraît inachevé ; le même beige avec un peu de relief paraît une matière.
- 5
Jouez sur la proportion, pas sur plus de couleurs
La majeure partie de la surface reste claire, les tons moyens prennent les grandes formes, et le sombre porte les mots. La règle 60 30 10 est une bonne répartition de départ.
Des dégradés neutres qui ne sont pas ennuyeux
Un dégradé neutre fonctionne quand le changement est dans la lumière plutôt que dans la teinte. Pensez à la lumière du jour qui tombe sur un mur de plâtre : la couleur bouge à peine, la luminosité si. Gardez les arrêts proches et ajoutez du grain pour masquer le banding, qui se voit facilement dans les dégradés pâles à faible contraste.
Pour en savoir plus, voir les dégradés subtils, les dégradés beiges et les dégradés gris.
Texte et contraste sur fonds neutres
Les palettes neutres paraissent douces, ce qui pousse vers un texte doux. Le taupe #8A8178 sur lin #F3EEE6 ne mesure que 3,31:1, sous les 4,5:1 que demande le WCAG pour le corps du texte. L’expresso #2B2724 sur le même lin atteint 12,82:1. Utilisez votre neutre le plus foncé pour tout ce que l’on doit lire, et gardez les tons moyens pour les formes, les bordures et les grands textes d’affichage.
Des mots à faible contraste sur un fond neutre pâle perdent d’abord leur ligne de soutien.
Avec un fond plus calme derrière les mots, chaque ligne se lit et la palette reste douce.
Gradiently s’en charge automatiquement : un Mark se pose derrière vos mots et choisit une typographie claire ou foncée ligne par ligne dans sa propre palette, si bien qu’un fond neutre discret ne vous coûte jamais en lisibilité. Vérifiez vous-même n’importe quelle paire de couleurs avec le contraste des couleurs.
Les questions qu’on nous pose
Quelles couleurs composent une palette de couleurs neutres ?
Le blanc, l’ivoire, la crème, le beige, le sable, le taupe, le greige, le gris, l’anthracite et le quasi noir, plus les versions légèrement teintées de chacun. La plupart des palettes neutres incluent aussi une couleur d’accent.
Qu’est-ce que le greige ?
Le greige est un mélange de gris et de beige situé entre chaud et froid, comme #BDB6AC. Il sert de pont quand une palette doit convenir à des environnements chauds comme froids.
Quelle couleur d’accent avec les neutres ?
Les neutres chauds vont avec le terracotta, la rouille, l’olive ou le laiton. Les neutres froids vont avec un bleu saturé, un vert franc ou un rouge profond. Utilisez l’accent avec parcimonie pour qu’il reste spécial.
Comment éviter qu’une palette neutre paraisse ennuyeuse ?
Engagez-vous sur une température, couvrez du clair au sombre, ajoutez un seul accent et donnez de la texture aux surfaces. Ce sont les beiges moyens et plats, sans amplitude, qui paraissent ennuyeux.
Les couleurs neutres conviennent-elles au branding ?
Oui, surtout pour les marques haut de gamme, éditoriales et d’intérieur. Comme beaucoup de marques utilisent des neutres, donnez à la vôtre quelque chose de distinctif, comme un accent, une typographie ou une matière de fond particulière.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil