# Dégradé vert forêt : codes profonds et naturels [Canonical HTML page](https://gradiently.design/fr/guide/forest-gradient) Le vert forêt est le plus adulte des verts : calme, riche et un peu sérieux. Ces codes suivent un vrai sous-bois du sol à la canopée, avec des associations qui évitent le côté plat. ## The short version - Un dégradé vert forêt va d’un vert presque noir, comme l’ombre sous les arbres, à un vert moyen ou clair là où la lumière perce. - Les verts tirant sur le bleu se lisent comme du pin et du sapin, ceux tirant sur le jaune comme de la mousse et de la fougère. - Un petit accent chaud comme la crème, le laiton ou le terracotta donne au vert forêt un air riche plutôt que plat. - Le vert forêt devient boueux quand on le fond directement avec du rouge ou de l’orange : gardez les couleurs chaudes en accents séparés. - Un texte clair sur l’extrémité sombre d’un dégradé vert forêt se lit bien et paraît calme et haut de gamme. Un **dégradé vert forêt** va d’un vert presque noir, la couleur de l’ombre profonde sous les arbres, à un vert moyen plus riche ou à un vert doux ensoleillé là où la lumière traverse la canopée. Il paraît naturel, stable et discrètement coûteux, ce qui explique que les marques de tradition, les entreprises de plein air, les hôtels et les boutiques de plantes s’y tournent. Les codes ci-dessous suivent un vrai sous-bois, du sol à la cime, avec des notes sur ce qu’il faut associer à chacun. ## Les couleurs d’une forêt, du sol à la canopée Dans un bois, on voit plus d’un vert. L’ombre la plus profonde est presque noire. Le pin et l’épicéa tirent sur le bleu. La mousse, les fougères et les jeunes feuilles tirent sur le jaune. Tout en haut, là où le soleil accroche les feuilles, le vert devient pâle et doré, et par un matin humide tout s’efface en un vert-gris doux. Un bon dégradé de forêt choisit une de ces histoires plutôt que toutes. - Pin de nuit: #0b1f14 - Forêt: #14391f - Canopée: #22573a - Épicéa: #1d4a3f - Mousse: #4f6b2a - Lumière de fougère: #a7c97a - Brume du matin: #c9d3cc - Soleil entre les feuilles: #f3d98b Les verts du sous-bois. L’épicéa penche vers le bleu, la mousse vers le jaune, et l’arrêt de soleil est la seule couleur chaude dont vous ayez besoin. ## Codes de dégradé vert forêt Commencez par la canopée profonde si vous voulez le **dégradé vert foncé** classique : c’est le plus polyvalent et il porte à merveille un texte clair. Le pin est plus froid et plus moderne. La mousse est plus terrienne et convient à la cuisine, à l’artisanat et à tout ce qui est fait main. La lumière de fougère est la plus vive de la série et reste indéniablement forêt plutôt que citron vert. - Canopée profonde: `linear-gradient(160deg, #0b1f14 0%, #14391f 45%, #22573a 100%)` - Pin et épicéa: `linear-gradient(180deg, #0e2a26 0%, #1d4a3f 50%, #3c6e5d 100%)` - Mousse: `linear-gradient(135deg, #2f3d17 0%, #4f6b2a 50%, #8a9a4b 100%)` - Lumière de fougère: `linear-gradient(180deg, #1f4d2b 0%, #3f7d3c 55%, #a7c97a 100%)` Quatre verts de forêt. Chacun garde sa teinte stable et change surtout de clarté, ce qui garde le fondu net. Pour des verts plus frais et plus vifs, de l’émeraude au citron vert, la collection principale de [dégradé vert](https://gradiently.design/fr/guide/green-gradient) va plus large. Si vous voulez un vert forêt avec plus de bleu, [le dégradé sarcelle](https://gradiently.design/fr/guide/teal-gradient) prend le relais là où le pin s’arrête. ## Brume, soleil et sol de la forêt L’atmosphère est ce qui fait d’un dégradé de forêt un lieu plutôt qu’un nuancier. La brume élève le haut du cadre vers un vert-gris pâle et laisse les arbres émerger en dessous. Le soleil à travers la canopée est une lueur radiale d’or doux placée haut dans le cadre. Le sol de la forêt fait entrer un peu de brun en bas, ce qui ancre le design. Un seul de ces effets par design suffit largement. - Forêt brumeuse: `linear-gradient(180deg, #c9d3cc 0%, #7e968a 45%, #2f4a3d 100%)` - Soleil à travers la canopée: `radial-gradient(ellipse at 70% 10%, #f3d98b 0%, #8aa64b 25%, #2c5a2f 55%, #0c2215 90%)` - Sol de la forêt: `linear-gradient(0deg, #1a140c 0%, #2e2a16 35%, #2a4a26 100%)` - Nuit de sapins: `radial-gradient(circle at 50% 30%, #1f4a35 0%, #0d2219 50%, #040b08 100%)` Des dégradés de forêt atmosphériques. La forêt brumeuse accueille un texte clair en bas et un texte foncé en haut ; la nuit de sapins prend le blanc partout. ## Quoi associer au vert forêt Le vert forêt seul peut paraître lourd. Un seul partenaire chaud, employé pour le texte ou un petit accent, change toute sa personnalité. Choisissez le partenaire selon l’impression voulue, puis gardez-le hors du dégradé lui-même. | Associer à | Hex | Impression | Convient à | | --- | --- | --- | --- | | Crème chaude | `#f4efe3` | Tradition, calme | Marques de plein air, librairies, cafés | | Or laiton | `#c9a24a` | Luxe, classique | Hôtels, spiritueux, clubs privés | | Terracotta | `#c8643b` | Terrien, amical | Boutiques de plantes, céramique, cuisine | | Rose poudré | `#f2c6c2` | Doux, romantique | Fleuristes, mariages, beauté | | Sauge pâle | `#d7e2d0` | Frais, tendre | Bien-être, soins de la peau, thé | Un partenaire chacun. La crème et le laiton sont les plus sûrs ; le rose poudré est la surprise qui fait ressortir le fil d’un fleuriste. Vous trouverez plus sur la construction de palettes naturelles dans [les palettes de couleurs nature](https://gradiently.design/fr/guide/nature-color-palettes) et [les couleurs terre](https://gradiently.design/fr/guide/earth-tone-colors), et sur ce que le vert signifie pour les gens dans [la signification de la couleur verte](https://gradiently.design/fr/guide/green-color-meaning). ## Garder un vert forêt riche, pas plat ### Paraît plat ou maladif - Du vert fondu directement dans du rouge ou de l’orange - Un vert jaune si vif qu’il se lit comme du citron vert - Un gris neutre ajouté pour l’assombrir - Du noir pur à l’extrémité sombre - Un texte vert vif sur vert foncé ### Paraît une forêt - Des couleurs chaudes gardées en accents séparés - Extrémité claire gardée douce, comme #a7c97a - Assombri en baissant la clarté, en gardant la teinte - Un presque noir qui reste vert, comme #0b1f14 - Un texte crème ou laiton sur vert foncé Le premier point est celui qui piège. Le vert et le rouge sont opposés sur le cercle chromatique, et un fondu direct entre eux traverse le brun. Si vous voulez les deux, laissez-les se rencontrer par un bord net, ou réservez le rouge au texte. [Les dégradés boueux](https://gradiently.design/fr/guide/muddy-gradients) montrent exactement ce qui se passe entre les deux. > **Les verts foncés à l’impression** Les verts profonds s’impriment en général plus foncés et plus ternes qu’à l’écran, et l’extrémité presque noire peut perdre toute sa couleur. Pour les flyers, les menus et les enseignes, éclaircissez légèrement l’arrêt le plus sombre et commandez une épreuve avant le tirage complet. [Les dégradés à l’impression](https://gradiently.design/fr/guide/print-gradients) couvrent le banding et les décalages de couleur sur papier. ## Des dégradés vert forêt dans de vrais designs Le vert forêt est un cadeau pour les entreprises qui travaillent en plein air ou avec le vivant, car il dit l’expertise et le soin sans crier. Un paysagiste peut publier des rappels saisonniers, un fleuriste annoncer un atelier, un hôtel promouvoir une escapade, et tout cela ressemble à la même marque. Un post social en portrait avec un fond vert forêt profond et le titre « Les visites de printemps sont ouvertes » en texte crème Un post portrait de paysagiste. Texte crème sur l’extrémité profonde, le vert plus clair gardé sur les bords. Cette cohérence est la partie difficile quand une saison de posts, de stories et de flyers vient de mains différentes. Dans Gradiently, vous choisissez un Mark vert forêt une fois et chaque design du Studio le porte à la bonne taille, la partie calme gardée derrière vos mots. [Le marketing du paysagisme](https://gradiently.design/fr/guide/landscaping-marketing) offre toute une saison d’idées pour l’alimenter. ```css :root { --forest-950: #0b1f14; --forest-800: #14391f; --forest-600: #22573a; --forest-300: #a7c97a; --cream: #f4efe3; } .hero--forest { color: var(--cream); background: linear-gradient(160deg, var(--forest-950) 0%, var(--forest-800) 45%, var(--forest-600) 100%); } ``` Le vert forêt en jetons réutilisables, avec de la crème pour le texte. Les mêmes variables peuvent colorer boutons et bordures sur tout le site. ## FAQ ### Quel est le code hex du vert forêt ? La couleur CSS nommée `forestgreen` vaut `#228b22`, un vert assez vif. Les verts forêt plus profonds pour les dégradés se situent autour de #14391f à #22573a, avec des versions presque noires comme #0b1f14 pour l’extrémité sombre d’un dégradé. ### Quelles couleurs vont avec un dégradé vert forêt ? La crème chaude, l’or laiton, le terracotta, le rose poudré et la sauge pâle. Employez-en une comme couleur de texte ou d’accent plutôt que de la fondre dans le vert. ### Pourquoi mon dégradé vert paraît-il boueux ? Il se fond sans doute dans du rouge, de l’orange ou du gris. Gardez la teinte stable, assombrissez en baissant la clarté, et laissez les couleurs chaudes rencontrer le vert par un bord net ou rester dans le texte. ### Quelle couleur de texte sur du vert foncé ? La crème comme #f4efe3, le blanc ou un laiton doux. Ils se lisent clairement sur l’extrémité sombre et gardent l’impression calme et naturelle.