L’essentiel en bref
- 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.
Sur cette page
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.
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.
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.
Sorbet est la plus sucrée des cinq, des roses et des abricots chauds pour les boulangeries, les ongleries et les campagnes d’été.
Pistache est fraîche et verte, naturelle sans être terreuse. Elle convient aux boutiques de plantes, aux cafés et aux marques écologiques.
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 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.
Couleur à choisir
Pourquoi
Couleur à choisir
Pourquoi
Couleur à choisir
Pourquoi
Couleur à choisir
Pourquoi
Couleur à choisir
Pourquoi
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é.
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, 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 corrige cela, et une seule formule vous donne alors un pastel homogène dans toutes les teintes.
: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);
}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.
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 donnent les codes, et l’esthétique douce montre comment ce style se décline sur tout un fil.
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.
Les questions qu’on nous pose
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.
É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