# Mintgroen verloop: frisse, lichte codes

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

Mint is de frisste kleur op het kleurenwiel, en de makkelijkste om fout te doen: één stap te koel en het lijkt op tandpasta of een ziekenhuisgang. Hier zijn lichte codes die smakelijk blijven.

## The short version

- Een mintgroen verloop mengt bleke, licht blauwe groentinten, meestal met wit of crème aan de lichte kant.
- Mint ziet er klinisch uit met koud grijs en zuiver wit, en fris met crème, perzik of blush.
- Bleke mint en perzik zijn tegenpolen, maar op pastelsterkte mengen ze schoon zonder modderig te worden.
- Mint is veel te licht voor witte tekst; diep bosgroen zoals #064e3b leest er goed op.
- Mint past bij cafés, huidverzorging, kindermerken, duurzaamheid en lentecampagnes.

Een **mintgroen verloop** mengt bleke, licht blauwe groentinten van bijna wit tot een zachte kruizemunt, en weinig groentinten voelen frisser. Warm gehouden met een crème- of perzikpartner voelt het als een café, een tuin of een lenteochtend. Naast grijs en zuiver wit begint het te voelen als de wachtkamer van een tandarts. Hier staan mintcodes die fris blijven, de partners die ze verwarmen en de tekstkleur die ze leesbaar houdt.

## Een mintgroen verloop in één regel CSS

Heb je er maar één nodig, begin dan hier. Het loopt van een warm, roomachtig wit naar een heldere mint, voelt dus nooit koud en laat bovenin veel rustige ruimte voor woorden.

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

Crèmewit naar mint. Zet koppen in diep bosgroen `#064e3b` over de bovenste helft.

## Bleke mintverlopen

Deze liggen dicht bij wit. Ze zijn perfect voor achtergronden met veel leeswerk, zoals een menu of prijslijst, en voor productfoto’s waarbij de verpakking de held moet zijn. [Pastelverlopen](https://gradiently.design/nl/guide/pastel-gradients) volgt dezelfde aanpak voor elke kleur.

- Mintmelk: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)`
- Kruizemunt: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)`
- Nieuw blad: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)`
- Ochtenddauw: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)`
- IJsmint: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)`

Vijf bleke mintkleuren. “IJsmint” helt naar blauw voor een koeler, schoner gevoel; “Nieuw blad” helt naar geel voor een warmer, botanisch gevoel.

Bepaal vroeg welke kant je mint op helt. Blauwachtige mint voelt koel, schoon en modern, wat past bij tech, zwemkleding en huidverzorging. Geelachtige mint voelt warm en eetbaar, wat past bij eten, planten en alles voor kinderen. Beide in één verloop mengen mag, maar kies er één die domineert, zodat het merk een duidelijke temperatuur heeft.

## Mint met perzik, crème of blush

De tegenpool van mint op het kleurenwiel is een zacht koraalroze. Op volle sterkte mengen tegenpolen tot grijs, maar op pastelsterkte is er zo weinig verzadiging dat ze schoon door elkaar heen gaan. Dat maakt mint en perzik, of mint en blush, een van de mooiste combinaties die er zijn, en de warmte voorkomt dat mint medisch voelt. Meer combinaties staan in [verloopkleurcombinaties](https://gradiently.design/nl/guide/gradient-color-combinations).

- Mint en perzik: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Mint en blush: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Crème en mint: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Pistachesorbet: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Mint met een warme partner. Dit voelt als ijs, bloemen en bakkerijen in plaats van klinieken.

- Crèmewit: #fbfdf7
- Mintmelk: #d1fae5
- Kruizemunt: #a7f3d0
- Perzik: #fde2cf
- Blush: #fce7f3
- Bosinkt: #064e3b

Een warm mintpalet: crème, twee mintkleuren, twee warme pasteltinten en een bosgroen voor tekst en logo’s.

## Mint die niet op tandpasta lijkt

Veel mensen verbinden mint met tandpasta, klinieken en ziekenhuiskleding. Zit je niet in die branches, vermijd dan de combinaties die ze oproepen.

### Voelt klinisch

- Mint met zuiver wit en koud grijs
- Verzadigde mint zoals `#98ff98` of `#3eb489` als effen vulling
- Dunne grijze schreefloze letters
- Een harde, perfect schone digitale ondergrond

### Voelt fris

- Mint met crème, perzik of blush
- Zachte mintkleuren van `#d1fae5` tot `#a7f3d0`
- Bosgroene letters met wat gewicht
- Een vleugje korrel, als gedrukt papier

Korrel telt hier zwaarder dan je denkt. Een bleek digitaal verloop zonder textuur lijkt een standaardinstelling; een beetje ruis laat het eruitzien als een gedrukte menukaart. [Korrelige verlopen](https://gradiently.design/nl/guide/grainy-gradients) laat zien hoe.

## Diepere mintverlopen: naar smaragd en bos

Mint laten overlopen in smaragd of bosgroen geeft je een verloop met zowel frisheid als diepte. Het past bij duurzame merken, plantenwinkels, matcha en gezonde voeding, en het donkere einde draagt witte tekst. Voor het hele palet aan groentinten zie je [groene verlopen](https://gradiently.design/nl/guide/green-gradient).

- Mint naar smaragd: `linear-gradient(180deg, #d1fae5 0%, #34d399 50%, #047857 100%)`
- Kas: `linear-gradient(160deg, #a7f3d0 0%, #059669 55%, #064e3b 100%)`
- Matcha: `linear-gradient(135deg, #d9f99d 0%, #86efac 45%, #15803d 100%)`
- Mintlicht op bos: `radial-gradient(circle at 80% 15%, #a7f3d0 0%, #10b981 25%, #064e3b 70%, #022c22 100%)`

Mint aan de lichte kant, bos aan de donkere kant. Koppen komen laag in wit of hoog in bosinkt.

## Tekst op een mintgroen verloop

Mint is een van de lichtste kleuren die er zijn, dus witte letters verdwijnen erop: wit op kruizemunt `#a7f3d0` meet ruim onder 2 op 1. Bosgroen `#064e3b` op dezelfde mint meet ongeveer 7,6 op 1 en houdt het hele ontwerp in één kleurfamilie. Schakel alleen over op wit waar het verloop is verdiept tot smaragd `#047857` of donkerder. [Kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility) legt de drempels uit.

| Achtergrond | Witte tekst | Bosgroene tekst #064e3b |
| --- | --- | --- |
| Mintmelk `#d1fae5` | Faalt | Slaagt makkelijk |
| Kruizemunt `#a7f3d0` | Onder 2:1, faalt | Ongeveer 7,6:1 |
| Mint `#6ee7b7` | Ongeveer 1,5:1, faalt | Ongeveer 6,4:1 |
| Smaragd `#047857` | Ongeveer 5,5:1, slaagt | Faalt |

Metingen op effen kleur. Controleer op een verloop het lichtste punt achter elke regel.

Een café-productpost met bosgroene koptekst op een verloop van bleke mint en crème

Een café-post op frisse mint met bosgroene letters. Hij ziet er koud, zoet en uitnodigend uit.

Hetzelfde caféontwerp als hoge story op het mintverloop

Dezelfde post als story, met de mint gerenderd voor het hoge beeld.

In Gradiently maakt Pro van één ontwerp in één stap elk formaat dat je nodig hebt, en Auto-inkt kiest voor elke regel lichte of donkere letters uit de eigen kleuren van de Mark, zodat een bleke mint na een formaatwijziging nooit onleesbare witte tekst krijgt. Kleine cafés en winkels vinden meer ideeën in [branding voor koffiezaken](https://gradiently.design/nl/guide/coffee-shop-branding) en [lentekleurpaletten](https://gradiently.design/nl/guide/spring-color-palettes).

## Mintgroen verloop in CSS voor een website

Op een website werkt mint het best als sectieachtergrond in plaats van de hele pagina, zodat het leest als een frisse tussenstop tussen witte secties. Een zwak warm licht in één hoek voorkomt dat een groot mintvlak vlak voelt, en lopende tekst in bosgroen in plaats van zwart houdt de pagina zacht.

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

Frisse mint met een zacht perzikkleurig licht rechtsboven. Bosgroene tekst en diep smaragdgroene links halen het contrast hierop.

## FAQ

### Wat is de hexcode voor mintgroen?

Er is geen enkele standaard. `#98ff98` is een veelgebruikte heldere mint en `#3eb489` een diepere; voor verlopen zien zachtere mintkleuren zoals `#d1fae5` en `#a7f3d0` er meestal beter uit.

### Welke kleuren passen bij een mintgroen verloop?

Crème, perzik, blushroze, botergeel en bosgroen. Warme partners voorkomen dat mint klinisch voelt.

### Welke tekstkleur ziet er het best uit op mintgroen?

Diep bosgroen of antraciet. Witte tekst haalt het contrast niet op bijna alle mintkleuren.

### Waarom ziet mijn mintverloop er klinisch uit?

Waarschijnlijk is het gecombineerd met zuiver wit en koud grijs. Ruil die in voor crème en een warm accent, en voeg lichte korrel toe.

### Passen mint en roze samen in een verloop?

Ja, op pastelsterkte. Bleke mint en blush mengen schoon omdat er weinig verzadiging is om grijs te worden.