# Dégradé vert menthe : codes frais et légers [Canonical HTML page](https://gradiently.design/fr/guide/mint-gradient) La menthe est la couleur la plus fraîche du cercle, et la plus facile à rater : un cran trop froid et elle évoque le dentifrice ou un couloir d’hôpital. Voici des codes légers qui restent appétissants. ## The short version - Un dégradé vert menthe fond des verts pâles, légèrement bleutés, en général avec du blanc ou de la crème côté lumière. - La menthe fait clinique avec un gris froid et du blanc pur, et fraîche avec de la crème, de la pêche ou du rose poudré. - La menthe pâle et la pêche sont opposées, mais à force pastel elles se fondent nettement, sans boue. - La menthe est bien trop claire pour du texte blanc ; un vert forêt profond comme #064e3b s’y lit bien. - La menthe convient aux cafés, aux soins de la peau, aux marques pour enfants, au développement durable et aux campagnes de printemps. Un **dégradé vert menthe** fond des verts pâles, légèrement bleutés, du presque blanc à une menthe verte douce, et peu de verts paraissent plus frais. Gardée chaude par un partenaire crème ou pêche, elle évoque un café, un jardin ou un matin de printemps. Associée à du gris et à du blanc pur, elle commence à ressembler à une salle d’attente de dentiste. Voici des codes de menthe qui restent frais, les partenaires qui les réchauffent et la couleur de texte qui les garde lisibles. ## Un dégradé vert menthe en une ligne de CSS Si vous n’en voulez qu’un, commencez ici. Il va d’un blanc crème chaleureux à une menthe franche, ne paraît donc jamais froid, et laisse beaucoup d’espace calme en haut pour les mots. Menthe fraîche: `linear-gradient(160deg, #fbfdf7 0%, #d1fae5 45%, #a7f3d0 100%)` Du blanc crème à la menthe. Composez les titres en vert forêt profond `#064e3b` sur la moitié haute. ## Dégradés menthe pâle Ils vivent près du blanc. Parfaits pour les fonds qui portent beaucoup de lecture, comme un menu ou une liste de prix, et pour les photos produit où l’emballage doit être le héros. [Les dégradés pastel](https://gradiently.design/fr/guide/pastel-gradients) appliquent la même méthode à chaque couleur. - Lait de menthe: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)` - Menthe verte: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)` - Jeune feuille: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)` - Rosée du matin: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)` - Menthe glacée: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)` Cinq menthes pâles. « Menthe glacée » penche vers le bleu pour un rendu plus froid et plus net ; « Jeune feuille » penche vers le jaune pour un rendu plus chaud et botanique. Décidez tôt vers où penche votre menthe. Les menthes bleutées paraissent fraîches, nettes et modernes, ce qui convient à la tech, aux maillots et aux soins de la peau. Les menthes jaunâtres paraissent chaudes et comestibles, ce qui convient à l’alimentation, aux plantes et à tout ce qui s’adresse aux enfants. Mêler les deux dans un dégradé est possible, mais choisissez-en une qui domine, pour que la marque ait une température claire. ## Menthe avec pêche, crème ou rose poudré L’opposé de la menthe sur le cercle chromatique est un rose corail doux. À pleine force, les opposés se fondent en gris, mais à force pastel la saturation est si faible qu’ils se traversent proprement. Menthe et pêche, ou menthe et rose poudré, forment ainsi l’une des plus jolies associations possibles, et la chaleur évite à la menthe de paraître médicale. D’autres combinaisons vivent dans [les combinaisons de couleurs de dégradé](https://gradiently.design/fr/guide/gradient-color-combinations). - Menthe et pêche: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)` - Menthe et rose poudré: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)` - Crème et menthe: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)` - Sorbet pistache: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)` La menthe avec un partenaire chaud. On pense glace, fleurs et boulangerie plutôt que clinique. - Blanc crème: #fbfdf7 - Lait de menthe: #d1fae5 - Menthe verte: #a7f3d0 - Pêche: #fde2cf - Rose poudré: #fce7f3 - Encre forêt: #064e3b Une palette de menthe chaude : crème, deux menthes, deux pastels chauds et un vert forêt pour le texte et les logos. ## Une menthe qui ne fait pas dentifrice Beaucoup associent la menthe au dentifrice, aux cliniques et aux blouses d’hôpital. Si vous n’êtes pas dans ces secteurs, évitez les combinaisons qui les évoquent. ### Fait clinique - Menthe avec blanc pur et gris froid - Menthe saturée comme `#98ff98` ou `#3eb489` en aplat - Texte sans empattement gris et fin - Surface numérique dure et parfaitement propre ### Fait frais - Menthe avec crème, pêche ou rose poudré - Menthes douces de `#d1fae5` à `#a7f3d0` - Texte vert forêt avec un peu de graisse - Une touche de grain, comme du papier imprimé Le grain compte plus qu’on ne croit ici. Un dégradé numérique pâle sans texture paraît par défaut ; un peu de bruit lui donne l’air d’une carte imprimée. [Les dégradés granuleux](https://gradiently.design/fr/guide/grainy-gradients) montre comment. ## Dégradés menthe plus profonds : vers l’émeraude et la forêt Faire descendre la menthe vers l’émeraude ou le vert forêt donne un dégradé à la fois frais et profond. Il convient aux marques durables, aux boutiques de plantes, au matcha et à la nourriture saine, et l’extrémité sombre portera du texte blanc. Pour toute la gamme des verts, voir [les dégradés verts](https://gradiently.design/fr/guide/green-gradient). - Menthe vers émeraude: `linear-gradient(180deg, #d1fae5 0%, #34d399 50%, #047857 100%)` - Serre: `linear-gradient(160deg, #a7f3d0 0%, #059669 55%, #064e3b 100%)` - Matcha: `linear-gradient(135deg, #d9f99d 0%, #86efac 45%, #15803d 100%)` - Lumière de menthe sur forêt: `radial-gradient(circle at 80% 15%, #a7f3d0 0%, #10b981 25%, #064e3b 70%, #022c22 100%)` La menthe côté clair, la forêt côté sombre. Les titres vont en bas en blanc, ou en haut en encre forêt. ## Du texte sur un dégradé vert menthe La menthe est l’une des couleurs les plus claires qui soient : le texte blanc y disparaît. Du blanc sur menthe verte `#a7f3d0` mesure bien moins de 2 pour 1. Le vert forêt `#064e3b` sur la même menthe mesure environ 7,6 pour 1 et garde tout le design dans une seule famille de couleurs. Ne passez au blanc que là où le dégradé s’est approfondi jusqu’à l’émeraude `#047857` ou plus foncé. [Contraste des couleurs et accessibilité](https://gradiently.design/fr/guide/color-contrast-accessibility) explique les seuils. | Fond | Texte blanc | Texte forêt #064e3b | | --- | --- | --- | | Lait de menthe `#d1fae5` | Échec | Réussi sans peine | | Menthe verte `#a7f3d0` | Moins de 2:1, échec | Environ 7,6:1 | | Menthe `#6ee7b7` | Environ 1,5:1, échec | Environ 6,4:1 | | Émeraude `#047857` | Environ 5,5:1, réussi | Échec | Mesures sur couleur unie. Sur un dégradé, vérifiez le point le plus clair derrière chaque ligne. Un post produit de café avec un titre vert forêt sur un dégradé menthe pâle et crème Un post de café sur menthe fraîche avec texte vert forêt. Il paraît froid, doux et engageant. Le même design de café en story verticale sur le dégradé menthe Le même post en story, avec la menthe recalculée pour le cadre vertical. Dans Gradiently, Pro transforme un design en toutes les tailles voulues en une étape, et l’encre Auto choisit un texte clair ou foncé pour chaque ligne d’après les couleurs du Mark : une menthe pâle ne se retrouve donc jamais avec un texte blanc illisible après un redimensionnement. Les petits cafés et commerces trouveront d’autres idées dans [l’identité visuelle d’un coffee shop](https://gradiently.design/fr/guide/coffee-shop-branding) et [les palettes de couleurs de printemps](https://gradiently.design/fr/guide/spring-color-palettes). ## CSS de dégradé vert menthe pour un site web Sur un site, la menthe marche mieux en fond de section qu’en fond de page entier : elle devient un moment frais entre des sections blanches. Une faible lumière chaude dans un coin évite qu’une grande zone menthe paraisse plate, et un texte de corps en vert forêt plutôt qu’en noir garde la page douce. ```css .section-mint { background-color: #ecfdf5; /* fallback */ background-image: radial-gradient(circle at 85% 20%, #fde2cf 0%, transparent 35%), linear-gradient(160deg, #fbfdf7 0%, #d1fae5 50%, #a7f3d0 100%); color: #064e3b; } .section-mint a { color: #065f46; } ``` Menthe fraîche avec une douce lumière pêche en haut à droite. Le texte vert forêt et les liens émeraude profond passent le contraste dessus. ## FAQ ### Quel est le code hex du vert menthe ? Il n’existe pas de standard unique. `#98ff98` est une menthe vive courante et `#3eb489` une plus profonde ; pour les dégradés, des menthes plus douces comme `#d1fae5` et `#a7f3d0` rendent généralement mieux. ### Quelles couleurs vont avec un dégradé vert menthe ? La crème, la pêche, le rose poudré, le jaune beurre et le vert forêt. Les partenaires chauds évitent à la menthe de paraître clinique. ### Quelle couleur de texte va le mieux sur du vert menthe ? Un vert forêt profond ou un anthracite. Le texte blanc échoue au contraste sur presque toutes les nuances de menthe. ### Pourquoi mon dégradé menthe fait-il clinique ? Il est sans doute associé à du blanc pur et à du gris froid. Remplacez-les par de la crème et un accent chaud, et ajoutez un grain léger. ### La menthe et le rose vont-ils ensemble dans un dégradé ? Oui, à force pastel. Une menthe pâle et un rose poudré se fondent nettement car il y a peu de saturation à faire virer au gris.