# Palettes de couleurs neutres qui ont du caractère

[Canonical HTML page](https://gradiently.design/fr/guide/neutral-color-palettes)

Le beige, le gris et le blanc peuvent paraître chers ou donner l’impression que personne n’a décidé. La différence tient à la température, à l’amplitude et à une petite surprise. Voici huit palettes neutres avec codes, et les règles qui les gardent vivantes.

## The short version

- 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é.

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.

| Famille | Tire vers | Impression | Codes d’exemple |
| --- | --- | --- | --- |
| Neutres chauds | Jaune, rouge, brun | Doux, habité, hospitalier | Ivoire `#F3EEE6`, sable `#D9CBB4`, taupe `#8A8178` |
| Neutres froids | Bleu, vert | Net, technique, discret | Brume `#ECEEEF`, ardoise `#6B7075`, graphite `#1F2326` |
| Greige | Équilibré entre gris et beige | Calme, adaptable | Greige `#BDB6AC`, pierre `#A39A8F` |
| Gris vrai | Presque rien | Neutre, parfois froid | `#F2F2F2`, `#8C8C8C`, `#222222` |

Choisissez une famille comme base. Une seule couleur de la famille opposée peut fonctionner comme accent voulu, jamais comme presque-raté.

Les [couleurs chaudes et froides](https://gradiently.design/fr/guide/warm-and-cool-colors) approfondissent la température, et la [température de couleur](https://gradiently.design/fr/guide/color-temperature) 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.

- Lin: #f3eee6
- Sable: #d9cbb4
- Taupe: #8a8178
- Expresso: #2b2724
- Accent terracotta: #b5543a

Café-galerie. Chaude du fond au texte, avec du terracotta pour un bouton, un prix ou une ligne.

- Brume: #eceeef
- Étain: #c3c8cc
- Ardoise: #6b7075
- Graphite: #1f2326
- Accent bleu signal: #3d6bff

Studio de logiciel. Des gris froids avec un seul bleu saturé, la palette classique d’interface de produit.

- **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](https://gradiently.design/fr/guide/accent-color) 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](https://gradiently.design/fr/guide/60-30-10-rule) 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.

- Lumière de plâtre: `radial-gradient(circle at 25% 20%, #fbf8f3 0%, #eae1d3 50%, #cdbf9f 100%)`
- Ciel couvert: `linear-gradient(170deg, #eceeef 0%, #c3c8cc 60%, #8f969b 100%)`
- Crépuscule expresso: `radial-gradient(circle at 70% 30%, #5c544c 0%, #2b2724 50%, #121212 100%)`
- Pierre blush: `linear-gradient(160deg, #f7f0ec 0%, #dcc7be 55%, #b5948a 100%)`

Quatre dégradés neutres. Chacun varie surtout en clarté, ce qui les garde calmes.

Pour en savoir plus, voir les [dégradés subtils](https://gradiently.design/fr/guide/subtle-gradients), les [dégradés beiges](https://gradiently.design/fr/guide/beige-gradient) et les [dégradés gris](https://gradiently.design/fr/guide/grey-gradient).

## 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.

Une publication verticale de boulangerie aux couleurs neutres douces où le petit texte de soutien est pâle

Des mots à faible contraste sur un fond neutre pâle perdent d’abord leur ligne de soutien.

La même publication de boulangerie avec un texte net et lisible sur une zone plus calme du fond neutre

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](https://gradiently.design/fr/guide/color-contrast-accessibility).

## FAQ

### 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.