# Palettes de couleurs pastel : des codes doux pour marques délicates [Canonical HTML page](https://gradiently.design/fr/guide/pastel-color-palettes) Les pastels sont faciles à aimer et difficiles à utiliser : seuls, ils ne peuvent pas porter de texte. Chaque palette ici est livrée avec les deux couleurs en plus qui la font fonctionner. ## The short version - Une palette de couleurs pastel se compose de couleurs claires à saturation douce, généralement au-dessus de 85 % de luminosité en TSL. - Les pastels sont trop clairs pour servir de texte sur du blanc : une palette pastel a besoin d’une encre foncée pour les mots. - La plupart des marques pastel ont aussi besoin d’une couleur d’ancrage plus profonde, assez forte pour porter un texte blanc sur les boutons et les étiquettes. - Les pastels paraissent plus cohérents quand ils partagent la même luminosité et diffèrent surtout par la teinte. - Un fond blanc cassé chaud convient mieux aux pastels qu’un blanc pur, qui peut les faire paraître délavés. Une **palette de couleurs pastel** est un ensemble de couleurs pâles et doucement saturées : pêche, beurre, sauge, bleu poudré, lilas. Elles semblent douces, fraîches et accueillantes, d’où leur succès auprès des boulangeries, des marques de soin, des marques pour bébés et des papetiers de mariage. Le hic, c’est qu’aucun pastel n’est assez foncé pour le texte. Chaque palette ci-dessous associe donc trois pastels à deux couleurs utiles : une **encre** foncée pour les mots et un **ancrage** plus profond pour les boutons et les accents. Les codes sont prêts à copier et le contraste est déjà vérifié. ## Cinq palettes de couleurs pastel avec codes hex **Pêche et sauge** est chaude, naturelle et calme, un choix solide pour l’alimentation, la céramique et les marques de slow living. L’ancrage terracotta l’empêche de paraître sucrée. - Pêche #f9d5c7: #f9d5c7 - Beurre #fbe7b5: #fbe7b5 - Sauge #cfe3d1: #cfe3d1 - Terracotta #ad5a45: #ad5a45 - Encre cacao #3a2e2a: #3a2e2a L’encre cacao sur pêche atteint 9,6:1. Le blanc sur terracotta atteint 4,9:1, assez pour les libellés de boutons. **Verre de mer** est fraîche et nette, adaptée au bien-être, au soin de la peau et à tout ce qui doit évoquer l’air pur. - Verre de mer #c9e9e4: #c9e9e4 - Bleu poudré #c9dff2: #c9dff2 - Brume #e3f1ec: #e3f1ec - Lagon profond #3f7f86: #3f7f86 - Encre ardoise #2f3a4a: #2f3a4a L’encre ardoise sur verre de mer atteint 8,9:1. Le blanc sur lagon profond atteint 4,6:1. **Lavande et citron** réunit deux quasi-opposés à la même luminosité douce, ce qui la garde joyeuse sans heurt. Idéale pour la papeterie, les fleuristes et les livres pour enfants. - Lavande #ddd3f2: #ddd3f2 - Citron #fbf0b5: #fbf0b5 - Rose poudre #f6cfdc: #f6cfdc - Violet #7a5ba8: #7a5ba8 - Encre prune #3b2f48: #3b2f48 L’encre prune atteint 8,7:1 sur lavande et 10,8:1 sur citron. Le blanc sur violet atteint 5,4:1. **Sorbet** est la plus sucrée des cinq, des roses et des abricots chauds pour les boulangeries, les ongleries et les campagnes d’été. - Fraise #f6cfdc: #f6cfdc - Abricot #fcd9b8: #fcd9b8 - Vanille #fbe7b5: #fbe7b5 - Framboise #b54f6e: #b54f6e - Encre baie #4a2e37: #4a2e37 L’encre baie sur fraise atteint 8,6:1. Le blanc sur framboise atteint 4,9:1. **Pistache** est fraîche et verte, naturelle sans être terreuse. Elle convient aux boutiques de plantes, aux cafés et aux marques écologiques. - Pistache #d9e8c4: #d9e8c4 - Céleri #eef3d9: #eef3d9 - Pêche #f9d5c7: #f9d5c7 - Feuille #4f7a3f: #4f7a3f - Encre mousse #2e3b33: #2e3b33 L’encre mousse sur pistache atteint 9,1:1. Le blanc sur feuille atteint 5:1. La pêche sert de petit accent chaud. Pour choisir, partez de la température. Les pastels chauds (pêche, abricot, beurre) évoquent la maison et la gourmandise ; les pastels froids (verre de mer, bleu poudré, lavande) évoquent la netteté et l’air. Regardez ensuite votre ancrage, car il apparaîtra sur chaque bouton et chaque étiquette de prix, et c’est la couleur dont on se souviendra. Si aucun de ces ancrages ne vous convient, gardez les pastels et remplacez-le par votre propre couleur de marque, assombrie jusqu’à ce qu’un texte blanc dessus dépasse 4,5:1. Besoin de plus de retenue que ne le permettent les pastels ? [Les palettes de couleurs sourdes](https://gradiently.design/fr/guide/muted-color-palettes) sont un cran plus grises. ## Pourquoi les pastels ont besoin d’une encre et d’un ancrage Chacun des pastels ci-dessus présente un rapport de contraste d’environ 1,1:1 à 1,4:1 sur du blanc. C’est très loin des 4,5:1 nécessaires au texte courant : des mots pastel sur une page blanche sont tout simplement illisibles pour beaucoup de gens. Les boutons pastel avec des libellés blancs échouent tout autant. L’encre et l’ancrage règlent ces deux problèmes tout en gardant une palette douce dans l’ensemble. | Usage | Couleur à choisir | Pourquoi | | --- | --- | --- | | Fonds de page et de section | Un pastel, ou un blanc cassé chaud | Les grandes zones douces installent l’ambiance | | Titres et texte courant | L’encre | Assez foncée pour 8:1 ou plus sur chaque pastel | | Boutons et étiquettes | L’ancrage, avec du texte blanc | Dépasse 4,5:1 et donne un point focal à l’œil | | Illustrations et formes | N’importe quel pastel, plus l’ancrage avec parcimonie | De la variété sans bruit | | Texte sur photo | L’encre sur un panneau pastel, ou du blanc sur une zone sombre de la photo | Les pastels disparaissent sur les images chargées | Une répartition simple des rôles pour toute palette pastel. Vérifiez vos propres associations avec un outil de contraste avant de publier. Choisissez une encre qui tire vers l’un de vos pastels plutôt qu’un gris neutre : cacao pour les palettes chaudes, ardoise ou prune pour les froides. Une encre teintée donne à toute la palette un air pensé. Les règles derrière ces chiffres sont dans [contraste des couleurs et accessibilité](https://gradiently.design/fr/guide/color-contrast-accessibility). ## Transformer n’importe quelle couleur en pastel Un pastel, c’est n’importe quelle teinte avec une luminosité élevée et une saturation modérée. En [TSL](https://gradiently.design/fr/guide/hsl-colors), visez 85 % à 92 % de luminosité et 40 % à 80 % de saturation. Le problème du TSL, c’est qu’un jaune et un bleu aux mêmes valeurs n’ont pas du tout la même clarté perçue. [L’OKLCH](https://gradiently.design/fr/guide/oklch-explained) corrige cela, et une seule formule vous donne alors un pastel homogène dans toutes les teintes. ```css :root { /* lightness 90%, gentle chroma, any hue */ --pastel-peach: oklch(90% 0.06 60); --pastel-lemon: oklch(90% 0.06 100); --pastel-mint: oklch(90% 0.06 150); --pastel-aqua: oklch(90% 0.06 200); --pastel-pink: oklch(90% 0.06 340); /* the ink: same idea, very dark */ --ink: oklch(30% 0.03 40); } ``` Ne changez que la teinte et chaque pastel garde le même poids visuel. Gardez la chroma autour de 0,04 à 0,07 ; au-delà, on bascule dans le bonbon. La même méthode transforme votre couleur de marque en son propre pastel : gardez sa teinte, augmentez la luminosité, baissez la saturation. Vous obtenez une couleur de fond douce qui est indéniablement la vôtre. Pour la théorie des teintes claires, voir [teintes, tons et nuances](https://gradiently.design/fr/guide/tints-tones-shades). ## Les erreurs qui font paraître les pastels bon marché ### À éviter - Du texte pastel sur blanc ou sur un autre pastel - Six pastels à la fois sans aucune couleur foncée - Des pastels de luminosités différentes, si bien que l’un paraît sale - Des fonds blanc pur qui délavent les pastels - Des scripts fins dans des couleurs pâles ### À faire - Une encre foncée et teintée pour chaque mot - Trois pastels plus un ancrage et une encre - Des pastels de même luminosité - Un blanc cassé chaud comme #fdf8f2 - Des graisses solides aux lettres bien lisibles ## Les palettes pastel dans une vraie publication Voici le principe à l’œuvre : un fond doux, une encre foncée, une couleur d’ancrage utilisée une seule fois. Si vous voulez des pastels en fonds fluides plutôt qu’en aplats, [les dégradés pastel](https://gradiently.design/fr/guide/pastel-gradients) donnent les codes, et [l’esthétique douce](https://gradiently.design/fr/guide/soft-aesthetic) montre comment ce style se décline sur tout un fil. Une publication Instagram aux tons pastel doux pour une boulangerie annonçant le retour du cake au citron ce week-end Un fond doux avec une typographie foncée et assurée. Le pastel installe l’ambiance ; l’encre porte le message. Les fonds pâles sont là où la lisibilité casse le plus souvent, et Gradiently s’en charge pour vous. L’encre automatique d’un Mark choisit un texte clair ou foncé pour chaque ligne à partir de sa propre palette, si bien que les mots sur un Mark pastel doux restent assez foncés pour être lus sans que vous vérifiiez chaque association. ## FAQ ### Quelles couleurs composent une palette pastel ? Des versions pâles et doucement saturées de n’importe quelle teinte : pêche, jaune beurre, sauge, menthe, bleu poudré, lavande et rose poudre sont les plus courantes. ### Quel est le code hex du rose pastel ? Il n’existe pas de code unique, mais #f6cfdc est un rose pastel équilibré. Associez-le à une encre foncée comme #4a2e37 pour le texte. ### Quelle couleur de texte va avec les couleurs pastel ? Une couleur foncée et légèrement teintée comme le cacao #3a2e2a, l’ardoise #2f3a4a ou la prune #3b2f48, qui donnent environ 8:1 à 10:1 sur les pastels courants. ### Les couleurs pastel sont-elles accessibles ? En fond, oui. En texte ou en couleur de bouton derrière un texte blanc, non : les pastels sont trop clairs. Utilisez une encre foncée pour les mots et une couleur d’ancrage plus profonde pour les boutons. ### Comment rendre une couleur pastel ? Montez sa luminosité à environ 85 % à 92 % et gardez une saturation modérée. En CSS, `oklch(90% 0.06 H)` donne un pastel homogène pour n’importe quelle teinte H.