L’essentiel en bref
- Un dégradé vert fond des nuances de vert, de la menthe pâle et de la sauge à l’émeraude, à la forêt et au vert citron électrique, souvent avec un turquoise ou un jaune voisin.
- Le vert est largement associé à la nature, à la santé, à la croissance et à l’argent, ce qui explique sa présence dans l’écologie, le bien-être et la finance.
- Le vert se fond proprement vers le turquoise, le bleu et le jaune, mais tend à tourner au gris quand on le mêle directement au rose, au rouge ou au violet.
- Le texte blanc convient sur les verts profonds comme #14532d, mais un vert moyen comme #16a34a demande un texte foncé ou de grandes tailles.
- Les verts inattendus comme l’olive, le vert bouteille et le chartreuse, associés à une couleur partenaire non naturelle, évitent le look écolo éculé.
Sur cette page
Un dégradé vert fond des nuances de vert, de la menthe pâle et de la sauge à l’émeraude et à la forêt, jusqu’au vert citron électrique, souvent avec un turquoise ou un jaune voisin. Le vert a plus d’amplitude que presque toute autre couleur : il peut paraître frais et net, profond et cher, ou bruyant et synthétique. Voici des palettes de dégradés verts pour chaque ambiance, avec le CSS à copier, les couleurs de texte qui y fonctionnent et le moyen de ne pas ressembler à tous les rapports de développement durable.
La famille des verts
Les verts penchent dans deux directions. Vers le jaune, ils deviennent citron vert, chartreuse et olive, plutôt chauds, énergiques ou terreux. Vers le bleu, ils deviennent sarcelle, jade et émeraude, plutôt froids, calmes et soignés. Grisez-les et vous obtenez la sauge, douce et posée. Assombrissez-les et vous obtenez la forêt et le vert bouteille, qui évoquent l’ancienneté et un certain luxe.
Ce que signale un dégradé vert
Les associations les plus partagées du vert sont la nature, la croissance, la santé et la fraîcheur, qui viennent directement des plantes. La convention en a ajouté d’autres : partez sur les feux de signalisation, l’argent aux États-Unis à cause des billets, et la réussite dans les tableaux de bord et les applications de finance. Il porte aussi des sens religieux et nationaux dans certains pays ; le sens des couleurs dans le monde les détaille.
Concrètement, la nuance parle presque à elle seule. La menthe dit la netteté. La sauge dit le calme et la réflexion. La forêt et le bouteille disent l’héritage. Le citron vert dit l’énergie. Le turquoise dit le soin. Décidez lequel vous voulez dire avant de choisir un dégradé, et les palettes ci-dessous seront bien plus faciles à trier.
Dégradés de vert frais et de menthe
Les verts pâles paraissent nets, frais et légers. Ils vont bien à la peau, à la santé, à l’alimentation et à tout ce qui doit sembler frais. Gardez le texte foncé et réchauffez légèrement une extrémité pour éviter l’effet clinique.
Dégradés de vert profond et de forêt
Les verts sombres comptent parmi les couleurs qui font le plus cher. Pensez aux voitures de course, aux vieilles bibliothèques et aux emballages de tradition. Ils portent très bien le texte blanc ou crème et s’associent à merveille à l’or, au laiton et au blanc cassé chaud.
Dégradés de vert citron électrique et de vert néon
Les verts acides et citron vert sont bruyants et synthétiques, dans le bon sens. Ils vont au sport, à la musique, au jeu vidéo et aux lancements tech. Sur un fond presque noir, ils brillent ; sur du blanc, ils peuvent être pénibles à regarder, donc réservez-les-y à de petites zones.
Dégradés de sarcelle et de jade
Un vert qui penche vers le bleu est calme, soigné et discrètement sûr de lui. Il fonctionne bien pour la finance, le bien-être et le voyage, et il est moins attendu que le bleu pur dans ces catégories.
Éviter le cliché du développement durable
Parce que le vert est si fortement lié à la nature, il est devenu la couleur par défaut de tout ce qui est écolo, bio ou durable. Un vert feuille vif, un fond blanc et une icône de feuille se lisent désormais comme la catégorie, et non comme une entreprise en particulier. Si vous travaillez dans ce secteur et voulez vous faire remarquer, changez au moins l’un de ces trois éléments.
Cliché
- Vert feuille vif sur blanc
- Du vert mêlé seulement à davantage de vert et de bleu
- Des feuilles, des globes et des pousses en décoration
- Un fini numérique lisse et brillant
Frais
- Olive, bouteille, sauge ou chartreuse
- Un partenaire non naturel : rose, lilas, crème ou noir
- Du texte et de la texture plutôt que des icônes
- Un grain de papier ou une matière mate
Le vert et le rose forment un excellent duo pour cela, car l’association évoque le botanique sans être littérale. Ils sont pourtant presque opposés sur le cercle chromatique : gardez-les donc dans des zones séparées plutôt que de fondre l’un dans l’autre. Les couleurs complémentaires expliquent pourquoi.
linear-gradient(90deg, #0b3b2e 0% 62%, #f4b6c2 62% 100%)Le texte sur des dégradés verts
| Texte sur fond | Contraste | Verdict |
|---|---|---|
Blanc sur #14532d | 9.1:1 | Excellent |
Blanc sur #15803d | 5.0:1 | Bon pour du texte courant |
Blanc sur #16a34a | 3.3:1 | Grand texte uniquement |
#052e16 sur #22c55e | 6.5:1 | Une encre foncée fonctionne ici |
#052e16 sur #a3e635 | 9.9:1 | Excellent |
#052e16 sur #86efac | 10.6:1 | Excellent |
Les verts vifs sont plus clairs qu’ils n’en ont l’air, donc le texte blanc y échoue généralement. Une encre vert très foncé se lit mieux et garde l’ensemble dans la famille. Vérifiez le point le plus clair derrière un texte blanc sur n’importe quel dégradé ; le texte sur un dégradé montre comment.
Un champ calme et profond pour un post éditorial.
Une story de compte à rebours bruyante, où un vert électrique brillerait.
.panel {
background-color: #0b3b2e;
background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
color: #f5f0e6;
}Pour d’autres palettes tirées des forêts, des champs et de l’eau, voir les palettes de couleurs de la nature.
Les questions qu’on nous pose
Quelles couleurs vont bien avec le vert dans un dégradé ?
Le turquoise, le bleu, le jaune et le citron vert se fondent proprement avec le vert. Le rose, le rouge et le violet font des partenaires saisissants mais doivent rester dans des zones séparées, car mêler le vert à eux le fait tourner au gris.
Quel est le CSS d’un dégradé vert foncé ?
Par exemple, linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%) donne un vert bouteille profond. Chaque palette de cette page peut être copiée en CSS.
Quelle couleur de texte va sur du vert ?
Le blanc ou le crème conviennent sur les verts profonds. Sur les verts vifs ou clairs, utilisez une encre vert très foncé, car le texte blanc passe généralement sous le contraste recommandé.
Comment utiliser le vert sans avoir l’air d’une marque écolo ?
Choisissez des verts moins attendus comme l’olive, le bouteille ou le chartreuse, associez-les à une couleur non naturelle comme le rose ou le lilas, et employez de la texture ou du texte plutôt que des motifs de feuilles.
É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
