De korte versie
- 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.
Op deze pagina
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.
linear-gradient(160deg, #fbfdf7 0%, #d1fae5 45%, #a7f3d0 100%)#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 volgt dezelfde aanpak voor elke kleur.
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.
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
#98ff98of#3eb489als effen vulling - Dunne grijze schreefloze letters
- Een harde, perfect schone digitale ondergrond
Voelt fris
- Mint met crème, perzik of blush
- Zachte mintkleuren van
#d1fae5tot#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 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.
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 legt de drempels uit.
#d1fae5Witte tekst
Bosgroene tekst #064e3b
#a7f3d0Witte tekst
Bosgroene tekst #064e3b
#6ee7b7Witte tekst
Bosgroene tekst #064e3b
#047857Witte tekst
Bosgroene tekst #064e3b
Een café-post op frisse mint met bosgroene letters. Hij ziet er koud, zoet en uitnodigend uit.
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 en lentekleurpaletten.
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.
.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; }Vragen die mensen stellen
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel