Farbe

Grüne Farbverläufe: frisch, tief und elektrisch

Grün kann ein Frühlingsmorgen sein, ein exklusiver Club oder ein Rave-Flyer. Hier sind grüne Farbverläufe für jede Stimmung, mit Codes, und ein Weg aus dem Blattgrün-Klischee.

GradientlyVerifiziertes Gradiently-Konto··4 Min. Lesezeit
Cover: Verdant Furnace · GR·CCYE·MV

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.

Acht Grüntöne. Gelbstichige, blaustichige, abgegraute und tiefe Versionen einer Farbfamilie.

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.

Hellgrüne Farbverläufe. Die gelben und limettigen Enden bringen Wärme und verhindern, dass sie kalt 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ß.

Tiefe grüne Farbverläufe. Oliv zu Messing zeigt, wie gut Dunkelgrün einen warmen metallischen Partner verträgt.

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.

Elektrische Grüntöne. Nur Nachbarn: Schwarz, Gelb und Cyan.

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.

Petrol und Jade. Sie liegen zwischen den Grüntönen oben und den blauen Farbverläufen.

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.

Flaschengrün und Rosé, geteiltlinear-gradient(90deg, #0b3b2e 0% 62%, #f4b6c2 62% 100%)
Zwei Gegensätze nebeneinander mit harter Kante. Auffällig, botanisch und nichts wie eine Öko-Standardpalette.

Text auf grünen Farbverläufen

Text auf HintergrundKontrastUrteil
Weiß auf #14532d9,1:1Hervorragend
Weiß auf #15803d5,0:1Gut für Fließtext
Weiß auf #16a34a3,3:1Nur große Schrift
#052e16 auf #22c55e6,5:1Dunkle Schrift funktioniert hier
#052e16 auf #a3e6359,9:1Hervorragend
#052e16 auf #86efac10,6:1Hervorragend
WCAG-Kontrastverhältnisse, berechnet. Fließtext braucht 4,5:1, große Schrift 3:1.

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.

css
.panel {
  background-color: #0b3b2e;
  background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
  color: #f5f0e6;
}
Flaschengrün mit warmem cremefarbenem Text: eine einfache, hochwertige Kombination.

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.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen