Die Kurzfassung
- Ein grüner Farbverlauf mischt Grüntöne, von blassem Mint und Salbei bis zu Smaragd, Waldgrün und elektrischer Limette, oft mit einem benachbarten Petrol oder Gelb.
- Grün wird weithin mit Natur, Gesundheit, Wachstum und Geld verbunden, deshalb ist es in Nachhaltigkeit, Wellness und Finanzen so verbreitet.
- Grün mischt sich sauber in Richtung Petrol, Blau und Gelb, wird aber meist grau, wenn man es direkt in Pink, Rot oder Lila übergehen lässt.
- Weißer Text funktioniert auf tiefen Grüntönen wie #14532d, ein mittleres Grün wie #16a34a braucht aber dunklen Text oder große Schrift.
- Unerwartete Grüntöne wie Oliv, Flaschengrün und Chartreuse, kombiniert mit einer nicht natürlichen Partnerfarbe, vermeiden den müden Öko-Look.
Auf dieser Seite
Ein grüner Farbverlauf mischt Grüntöne, von blassem Mint und Salbei über Smaragd und Waldgrün bis zu elektrischer Limette, oft mit einem benachbarten Petrol oder Gelb. Grün hat mehr Spannweite als fast jede andere Farbe: Es kann frisch und sauber wirken, tief und edel oder laut und synthetisch. Unten findest du grüne Farbverläufe für jede Stimmung mit kopierbarem CSS, die Textfarben, die darauf funktionieren, und wie du vermeidest, wie jeder Nachhaltigkeitsbericht auszusehen.
Die Grün-Familie
Grüntöne neigen in zwei Richtungen. Richtung Gelb werden sie zu Limette, Chartreuse und Oliv, die warm, energiegeladen oder erdig wirken. Richtung Blau werden sie zu Petrol, Jade und Smaragd, die kühl, ruhig und poliert wirken. Graut man sie ab, entsteht Salbei, weich und erwachsen. Dunkelt man sie ab, entstehen Wald- und Flaschengrün, die etabliert und ein wenig luxuriös wirken.
Was ein grüner Farbverlauf signalisiert
Die am weitesten geteilten Assoziationen von Grün sind Natur, Wachstum, Gesundheit und Frische, die direkt von Pflanzen kommen. Konventionen haben mehr hinzugefügt: Fahren an der Ampel, Geld in den USA wegen der Banknoten und Erfolg in Dashboards und Finanz-Apps. An manchen Orten trägt Grün auch religiöse und nationale Bedeutungen, Farbbedeutungen weltweit behandelt sie.
In der Praxis spricht vor allem der Farbton. Mint sagt sauber. Salbei sagt ruhig und durchdacht. Wald- und Flaschengrün sagen Tradition. Limette sagt Energie. Petrol sagt Politur. Entscheide, was davon du meinst, bevor du einen Farbverlauf wählst, dann fällt die Auswahl aus den Paletten unten viel leichter.
Frische Farbverläufe in Mint und Hellgrün
Helle Grüntöne wirken sauber, kühl und leicht. Sie passen zu Hautpflege, Gesundheit, Essen und allem, was frisch wirken soll. Halte den Text dunkel und wärme sie an einem Ende leicht an, damit sie nicht klinisch wirken.
Tiefe Farbverläufe in Wald- und Dunkelgrün
Dunkle Grüntöne gehören zu den edelsten Farben überhaupt. Denk an Rennwagen, alte Bibliotheken und traditionsreiche Verpackungen. Sie tragen weißen und cremefarbenen Text gut und passen wunderbar zu Gold, Messing und warmem gebrochenem Weiß.
Farbverläufe in elektrischer Limette und Neongrün
Säure- und Limettengrün sind laut und synthetisch, im besten Sinn. Sie passen zu Sport, Musik, Gaming und Tech-Launches. Auf einem Fast-Schwarz leuchten sie, auf Weiß können sie anstrengend anzusehen sein, nutze sie dort also nur auf kleinen Flächen.
Farbverläufe in Petrol und Jade
Grün, das sich zu Blau neigt, wirkt ruhig, poliert und leise selbstbewusst. Es passt gut zu Finanzen, Wellness und Reisen und ist in diesen Branchen weniger erwartbar als reines Blau.
Das Nachhaltigkeitsklischee vermeiden
Weil Grün so stark mit Natur verbunden ist, ist es zur Standardfarbe für alles geworden, was öko, bio oder nachhaltig ist. Ein helles Blattgrün, ein weißer Hintergrund und ein Blatt-Icon stehen heute für die Branche, nicht für ein bestimmtes Unternehmen. Wenn du in diesem Bereich arbeitest und auffallen willst, ändere mindestens eines dieser drei Dinge.
Klischee
- Helles Blattgrün auf Weiß
- Grün nur mit mehr Grün und Blau gemischt
- Blätter, Globen und Sprossen als Deko
- Glatte, glänzende digitale Oberfläche
Frisch
- Oliv, Flaschengrün, Salbei oder Chartreuse
- Ein nicht natürlicher Partner: Pink, Flieder, Creme oder Schwarz
- Schrift und Textur statt Icons
- Papierkörnung oder ein mattes Material
Grün und Pink sind dafür eine besonders gute Kombination, weil sie botanisch wirkt, ohne wörtlich zu sein. Die beiden liegen auf dem Farbkreis aber fast gegenüber, halte sie also in getrennten Bereichen, statt sie ineinander übergehen zu lassen. Komplementärfarben erklärt, warum.
linear-gradient(90deg, #0b3b2e 0% 62%, #f4b6c2 62% 100%)Text auf grünen Farbverläufen
| Text auf Hintergrund | Kontrast | Urteil |
|---|---|---|
Weiß auf #14532d | 9,1:1 | Hervorragend |
Weiß auf #15803d | 5,0:1 | Gut für Fließtext |
Weiß auf #16a34a | 3,3:1 | Nur große Schrift |
#052e16 auf #22c55e | 6,5:1 | Dunkle Schrift funktioniert hier |
#052e16 auf #a3e635 | 9,9:1 | Hervorragend |
#052e16 auf #86efac | 10,6:1 | Hervorragend |
Helle Grüntöne sind heller, als sie aussehen, deshalb fällt weißer Text darauf meist durch. Eine sehr dunkelgrüne Schrift liest sich besser und hält alles in der Familie. Prüf bei jedem Farbverlauf die hellste Stelle hinter weißem Text, Text auf Farbverlauf zeigt, wie.
Eine ruhige, tiefe Fläche für einen Editorial-Post.
Eine laute Countdown-Story, in der ein elektrisches Grün leuchten würde.
.panel {
background-color: #0b3b2e;
background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
color: #f5f0e6;
}Weitere Paletten aus Wäldern, Feldern und Wasser findest du unter Farbpaletten aus der Natur.
Häufige Fragen
Welche Farben passen in einem Farbverlauf gut zu Grün?
Petrol, Blau, Gelb und Limette mischen sich sauber mit Grün. Pink, Rot und Lila sind auffällige Partner, sollten aber in getrennten Bereichen stehen, weil Grün im Übergang zu ihnen grau wird.
Wie lautet das CSS für einen dunkelgrünen Farbverlauf?
Zum Beispiel ergibt linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%) ein tiefes Flaschengrün. Jede Palette auf dieser Seite lässt sich als CSS kopieren.
Welche Textfarbe funktioniert auf Grün?
Weiß oder Creme funktioniert auf tiefen Grüntönen. Auf hellen oder leuchtenden Grüntönen nimm eine sehr dunkelgrüne Schrift, weil weißer Text dort meist unter dem empfohlenen Kontrast liegt.
Wie nutze ich Grün, ohne wie eine Öko-Marke auszusehen?
Wähle weniger erwartbare Grüntöne wie Oliv, Flaschengrün oder Chartreuse, kombiniere sie mit einer nicht natürlichen Farbe wie Pink oder Flieder und nutze Textur oder Schrift statt Blattmotiven.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen


