# Mintgrün Farbverlauf: frische, helle Codes

[Canonical HTML page](https://gradiently.design/de/guide/mint-gradient)

Mint ist die frischeste Farbe im Farbkreis und die am leichtesten zu verfehlende: eine Nuance zu kühl, und sie wirkt wie Zahnpasta oder ein Krankenhausflur. Hier sind helle Codes, die appetitlich bleiben.

## The short version

- Ein Mintgrün Farbverlauf mischt helle, leicht bläuliche Grüntöne, meist mit Weiß oder Creme am hellen Ende.
- Mint wirkt klinisch neben kühlem Grau und reinem Weiß und frisch neben Creme, Pfirsich oder Rosé.
- Helles Mint und Pfirsich sind Gegenfarben, mischen sich in Pastellstärke aber sauber, ohne schlammig zu werden.
- Mint ist für weißen Text viel zu hell; ein tiefes Waldgrün wie #064e3b ist darauf gut lesbar.
- Mint passt zu Cafés, Hautpflege, Kindermarken, Nachhaltigkeit und Frühlingskampagnen.

Ein **Mintgrün Farbverlauf** mischt helle, leicht bläuliche Grüntöne von fast Weiß bis zu einem sanften Grüne Minze, und kaum ein Grün wirkt frischer. Warm gehalten mit einem Creme- oder Pfirsichpartner, wirkt er wie ein Café, ein Garten oder ein Frühlingsmorgen. Mit Grau und reinem Weiß kombiniert, erinnert er an ein Zahnarztwartezimmer. Hier findest du Mintcodes, die frisch bleiben, die Partner, die sie wärmen, und die Textfarbe, die sie lesbar hält.

## Ein Mintgrün Farbverlauf in einer Zeile CSS

Wenn du nur einen brauchst, fang hier an. Er läuft von einem warmen, cremigen Weiß zu einem klaren Mint, wirkt also nie kalt, und lässt oben viel ruhigen Platz für Worte.

Frische Minze: `linear-gradient(160deg, #fbfdf7 0%, #d1fae5 45%, #a7f3d0 100%)`

Cremeweiß zu Mint. Setze Überschriften in tiefem Waldgrün `#064e3b` über die obere Hälfte.

## Helle Mint Farbverläufe

Sie liegen nah am Weiß. Perfekt für Hintergründe, die viel Text tragen, etwa eine Speisekarte oder Preisliste, und für Produktfotos, bei denen die Verpackung der Star sein soll. [Pastell-Farbverläufe](https://gradiently.design/de/guide/pastel-gradients) zeigt denselben Ansatz für jede Farbe.

- Mintmilch: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)`
- Grüne Minze: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)`
- Frisches Blatt: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)`
- Morgentau: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)`
- Eismint: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)`

Fünf helle Minttöne. „Eismint“ neigt zu Blau für ein kühleres, saubereres Gefühl; „Frisches Blatt“ neigt zu Gelb für ein wärmeres, botanisches.

Entscheide früh, in welche Richtung dein Mint neigt. Bläuliche Minttöne wirken kühl, sauber und modern, passend zu Tech, Bademode und Hautpflege. Gelbliche Minttöne wirken warm und essbar, passend zu Essen, Pflanzen und allem für Kinder. Beide in einem Verlauf zu mischen ist in Ordnung, aber lass einen dominieren, damit die Marke eine klare Temperatur hat.

## Mint mit Pfirsich, Creme oder Rosé

Die Gegenfarbe von Mint im Farbkreis ist ein sanftes Korallrosa. In voller Stärke mischen sich Gegenfarben zu Grau, in Pastellstärke aber gibt es so wenig Sättigung, dass sie sauber ineinander übergehen. Damit sind Mint und Pfirsich oder Mint und Rosé eine der schönsten Kombinationen überhaupt, und die Wärme nimmt Mint das Medizinische. Mehr Kombinationen findest du unter [Farbkombinationen für Verläufe](https://gradiently.design/de/guide/gradient-color-combinations).

- Mint und Pfirsich: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Mint und Rosé: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Creme und Mint: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Pistazieneis: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Mint mit warmem Partner. Das wirkt eher nach Eis, Blumen und Bäckereien als nach Klinik.

- Cremeweiß: #fbfdf7
- Mintmilch: #d1fae5
- Grüne Minze: #a7f3d0
- Pfirsich: #fde2cf
- Rosé: #fce7f3
- Waldtinte: #064e3b

Eine warme Mintpalette: Creme, zwei Minttöne, zwei warme Pastelle und ein Waldgrün für Schrift und Logos.

## Mint, das nicht nach Zahnpasta aussieht

Viele verbinden Mint mit Zahnpasta, Praxen und OP-Kleidung. Bist du nicht in diesen Branchen, meide die Kombinationen, die darauf hindeuten.

### Wirkt klinisch

- Mint mit reinem Weiß und kühlem Grau
- Gesättigtes Mint wie `#98ff98` oder `#3eb489` als flache Füllung
- Dünne graue Serifenlose
- Harte, perfekt saubere digitale Fläche

### Wirkt frisch

- Mint mit Creme, Pfirsich oder Rosé
- Sanfte Minttöne wie `#d1fae5` bis `#a7f3d0`
- Waldgrüne Schrift mit etwas Gewicht
- Ein Hauch Körnung, wie gedrucktes Papier

Körnung zählt hier mehr, als du denkst. Ein heller digitaler Verlauf ohne Textur wirkt wie eine Voreinstellung; ein wenig Rauschen lässt ihn wie eine gedruckte Speisekarte aussehen. [Körnige Farbverläufe](https://gradiently.design/de/guide/grainy-gradients) zeigt, wie.

## Tiefere Mint Farbverläufe: in Smaragd und Wald

Lässt du Mint in Smaragd oder Waldgrün auslaufen, bekommst du einen Verlauf mit Frische und Tiefe. Er passt zu Nachhaltigkeitsmarken, Pflanzenläden, Matcha und Reformkost, und am dunklen Ende trägt er weißen Text. Das ganze Spektrum der Grüntöne findest du unter [grüne Farbverläufe](https://gradiently.design/de/guide/green-gradient).

- Mint zu Smaragd: `linear-gradient(180deg, #d1fae5 0%, #34d399 50%, #047857 100%)`
- Gewächshaus: `linear-gradient(160deg, #a7f3d0 0%, #059669 55%, #064e3b 100%)`
- Matcha: `linear-gradient(135deg, #d9f99d 0%, #86efac 45%, #15803d 100%)`
- Mintlicht auf Wald: `radial-gradient(circle at 80% 15%, #a7f3d0 0%, #10b981 25%, #064e3b 70%, #022c22 100%)`

Mint am hellen Ende, Wald am dunklen. Überschriften stehen unten in Weiß oder oben in Waldtinte.

## Text auf einem Mintgrün Farbverlauf

Mint gehört zu den hellsten Farben überhaupt, weißer Text verschwindet darauf: Weiß auf Grüne Minze `#a7f3d0` misst deutlich unter 2 zu 1. Waldgrün `#064e3b` auf demselben Mint misst etwa 7,6 zu 1 und hält das ganze Design in einer Farbfamilie. Wechsle nur dort zu Weiß, wo der Verlauf zu Smaragd `#047857` oder dunkler geworden ist. [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility) erklärt die Schwellenwerte.

| Hintergrund | Weißer Text | Waldgrüner Text #064e3b |
| --- | --- | --- |
| Mintmilch `#d1fae5` | Fällt durch | Besteht mühelos |
| Grüne Minze `#a7f3d0` | Unter 2:1, fällt durch | Etwa 7,6:1 |
| Mint `#6ee7b7` | Etwa 1,5:1, fällt durch | Etwa 6,4:1 |
| Smaragd `#047857` | Etwa 5,5:1, besteht | Fällt durch |

Messwerte für flache Farben. Prüfe bei einem Verlauf den hellsten Punkt hinter jeder Zeile.

Ein Café-Produktpost mit waldgrüner Überschrift auf einem hellen Mint-Creme-Verlauf

Ein Café-Post auf frischem Mint mit waldgrüner Schrift. Er wirkt kühl, süß und einladend.

Dasselbe Café-Design als hohe Story auf dem Mint Farbverlauf

Derselbe Post als Story, mit dem Mint für das hohe Format neu gerendert.

In Gradiently macht Pro aus einem Design in einem Schritt alle Größen, die du brauchst, und Automatische Farbe wählt für jede Zeile helle oder dunkle Schrift aus den Farben des Marks, sodass ein helles Mint nach einer Größenänderung nie unlesbaren weißen Text bekommt. Kleine Cafés und Läden finden mehr Ideen unter [Branding für Coffeeshops](https://gradiently.design/de/guide/coffee-shop-branding) und [Frühlings-Farbpaletten](https://gradiently.design/de/guide/spring-color-palettes).

## Mintgrün Farbverlauf CSS für eine Website

Auf einer Website funktioniert Mint am besten als Hintergrund eines Abschnitts statt der ganzen Seite, damit es als frischer Moment zwischen weißen Abschnitten wirkt. Ein schwaches warmes Licht in einer Ecke verhindert, dass eine große Mintfläche flach wirkt, und Fließtext in Waldgrün statt Schwarz hält die Seite weich.

```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; }
```

Frisches Mint mit einem sanften Pfirsichlicht in der oberen rechten Ecke. Waldgrüner Text und tiefe Smaragd-Links bestehen den Kontrast darauf.

## FAQ

### Wie lautet der Hex-Code für Mintgrün?

Einen einzigen Standard gibt es nicht. `#98ff98` ist ein verbreitetes leuchtendes Mint und `#3eb489` ein tieferes; für Verläufe wirken sanftere Minttöne wie `#d1fae5` und `#a7f3d0` meist besser.

### Welche Farben passen zu einem Mintgrün Farbverlauf?

Creme, Pfirsich, Rosé, Butterblumengelb und Waldgrün. Warme Partner nehmen Mint das Klinische.

### Welche Textfarbe sieht auf Mintgrün am besten aus?

Tiefes Waldgrün oder Anthrazit. Weißer Text besteht den Kontrast auf fast allen Minttönen nicht.

### Warum wirkt mein Mint Farbverlauf klinisch?

Wahrscheinlich ist er mit reinem Weiß und kühlem Grau kombiniert. Tausche beides gegen Creme und einen warmen Akzent und füge leichte Körnung hinzu.

### Passen Mint und Rosa in einem Verlauf zusammen?

Ja, in Pastellstärke. Helles Mint und Rosé mischen sich sauber, weil es kaum Sättigung gibt, die grau werden könnte.