# Mintgrønn gradient: friske, lyse fargekoder

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

Mint er den friskeste fargen på fargesirkelen, og den letteste å bomme på: ett hakk for kjølig, og den ser ut som tannkrem eller en sykehuskorridor. Her er lyse koder som holder seg appetittvekkende.

## The short version

- En mintgrønn gradient blander bleke, litt blålige grønnfarger, som regel med hvitt eller krem i den lyse enden.
- Mint virker klinisk sammen med kjølig grå og ren hvit, og frisk sammen med krem, fersken eller rosa.
- Blek mint og fersken er motsatte farger, men i pastellstyrke glir de pent over i hverandre uten å bli grumsete.
- Mint er altfor lys for hvit tekst; dyp skoggrønn som #064e3b er godt lesbar på den.
- Mint passer kafeer, hudpleie, barnemerker, bærekraft og vårkampanjer.

En **mintgrønn gradient** blander bleke, litt blålige grønnfarger fra nesten hvitt til en myk peppermynte, og få grønnfarger virker friskere. Holdt varm med en partner i krem eller fersken virker den som en kafé, en hage eller en vårmorgen. Sammen med grått og ren hvit begynner den å minne om venterommet hos tannlegen. Her er mintkoder som holder seg friske, partnerne som varmer dem opp, og tekstfargen som holder dem lesbare.

## En mintgrønn gradient på én linje CSS

Trenger du bare én, start her. Den går fra en varm, kremaktig hvit til en klar mint, så den aldri virker kald, og den gir god, rolig plass øverst til ord.

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

Kremhvit til mint. Sett overskrifter i dyp skoggrønn `#064e3b` over den øverste halvdelen.

## Bleke mintgradienter

Disse ligger nær hvitt. De er perfekte til bakgrunner med mye tekst, som en meny eller en prisliste, og til produktbilder der emballasjen skal være helten. [Pastellgradienter](https://gradiently.design/nb/guide/pastel-gradients) bruker samme tilnærming for alle farger.

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

Fem bleke mintfarger. «Ismint» drar mot blått for et kjøligere, renere uttrykk; «Nytt blad» drar mot gult for et varmere, botanisk uttrykk.

Bestem tidlig hvilken vei minten din heller. Mint som drar mot blått, virker kjølig, ren og moderne, og passer teknologi, badetøy og hudpleie. Mint som drar mot gult, virker varm og spiselig, og passer mat, planter og alt for barn. Det går fint å blande de to i én gradient, men la én dominere, så merkevaren har en tydelig temperatur.

## Mint med fersken, krem eller rosa

Mintens motsetning på fargesirkelen er en myk korallrosa. I full styrke blander motsatte farger seg til grått, men i pastellstyrke er det så lite metning at de glir rent gjennom hverandre. Det gjør mint og fersken, eller mint og rosa, til en av de vakreste kombinasjonene som finnes, og varmen hindrer minten i å virke medisinsk. Flere kombinasjoner finner du i [fargekombinasjoner for gradienter](https://gradiently.design/nb/guide/gradient-color-combinations).

- Mint og fersken: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Mint og rosa: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Krem og mint: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Pistasjsorbet: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Mint med en varm partner. Disse minner om iskrem, blomster og bakerier i stedet for klinikker.

- Kremhvit: #fbfdf7
- Mintmelk: #d1fae5
- Peppermynte: #a7f3d0
- Fersken: #fde2cf
- Rosa: #fce7f3
- Skogblekk: #064e3b

En varm mintpalett: krem, to mintfarger, to varme pastellfarger og en skoggrønn til tekst og logoer.

## Mint som ikke ser ut som tannkrem

Mange forbinder mint med tannkrem, klinikker og sykehusuniformer. Er du ikke i de bransjene, styr unna kombinasjonene som signaliserer dem.

### Virker klinisk

- Mint med ren hvit og kjølig grå
- Mettet mint som `#98ff98` eller `#3eb489` som flatt fyll
- Tynn grå grotesk skrift
- Hard, perfekt ren digital flate

### Virker friskt

- Mint med krem, fersken eller rosa
- Myke mintfarger som `#d1fae5` til `#a7f3d0`
- Skoggrønn tekst med litt vekt
- Et snev av korn, som trykt papir

Korn betyr mer enn du skulle tro her. En blek digital gradient uten tekstur ser ut som en standardinnstilling; litt støy får den til å se ut som et trykt menykort. [Kornete gradienter](https://gradiently.design/nb/guide/grainy-gradients) viser hvordan.

## Dypere mintgradienter: mot smaragd og skog

Lar du minten gå ned i smaragd eller skoggrønn, får du en gradient med både friskhet og dybde. Den passer bærekraftige merkevarer, plantebutikker, matcha og helsekost, og den mørke enden bærer hvit tekst. Hele spekteret av grønt finner du i [grønne gradienter](https://gradiently.design/nb/guide/green-gradient).

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

Mint i den lyse enden, skog i den mørke. Overskrifter går nederst i hvitt eller øverst i skogblekk.

## Tekst på en mintgrønn gradient

Mint er en av de lyseste fargene som finnes, så hvit tekst forsvinner på den: hvitt på peppermynte `#a7f3d0` måler godt under 2 til 1. Skoggrønn `#064e3b` på den samme minten måler rundt 7,6 til 1 og holder hele designet i én fargefamilie. Bytt bare til hvitt der gradienten har blitt så dyp som smaragd `#047857` eller mørkere. [Fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer tersklene.

| Bakgrunn | Hvit tekst | Skoggrønn tekst #064e3b |
| --- | --- | --- |
| Mintmelk `#d1fae5` | Stryker | Består med god margin |
| Peppermynte `#a7f3d0` | Under 2:1, stryker | Rundt 7,6:1 |
| Mint `#6ee7b7` | Rundt 1,5:1, stryker | Rundt 6,4:1 |
| Smaragd `#047857` | Rundt 5,5:1, består | Stryker |

Målinger på flate farger. På en gradient, sjekk det lyseste punktet bak hver linje.

Et produktinnlegg for en kafé med skoggrønn overskrift på en blek gradient i mint og krem

Et kafeinnlegg på frisk mint med skoggrønn tekst. Det ser kaldt, søtt og innbydende ut.

Det samme kafédesignet som en høy story på mintgradienten

Det samme innlegget som story, med minten gjengitt for den høye rammen.

I Gradiently gjør Pro ett design om til alle størrelsene du trenger i ett steg, og Auto-tekstfarge velger lys eller mørk tekst for hver linje ut fra Markens egne farger, så en blek mint aldri ender opp med uleselig hvit tekst etter en størrelsesendring. Små kafeer og butikker finner flere ideer i [merkevarebygging for kaffebarer](https://gradiently.design/nb/guide/coffee-shop-branding) og [vårens fargepaletter](https://gradiently.design/nb/guide/spring-color-palettes).

## Mintgrønn gradient i CSS for en nettside

På en nettside fungerer mint best som bakgrunn for en seksjon heller enn hele siden, så den leses som et friskt øyeblikk mellom hvite seksjoner. Et svakt, varmt lys i ett hjørne hindrer en stor mintflate i å virke flat, og brødtekst i skoggrønn i stedet for svart holder siden myk.

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

Frisk mint med et mykt ferskenlys i øvre høyre hjørne. Skoggrønn tekst og dype smaragdlenker består kontrastkravet over hele flaten.

## FAQ

### Hva er hex-koden for mintgrønn?

Det finnes ingen enkelt standard. `#98ff98` er en vanlig klar mint og `#3eb489` en dypere; til gradienter ser mykere mintfarger som `#d1fae5` og `#a7f3d0` som regel bedre ut.

### Hvilke farger passer til en mintgrønn gradient?

Krem, fersken, rosa, smørgul og skoggrønn. Varme partnere hindrer minten i å virke klinisk.

### Hvilken tekstfarge ser best ut på mintgrønt?

Dyp skoggrønn eller koksgrå. Hvit tekst stryker på kontrast på nesten alle mintnyanser.

### Hvorfor ser mintgradienten min klinisk ut?

Den er trolig kombinert med ren hvit og kjølig grå. Bytt dem ut med krem og en varm aksent, og legg til litt korn.

### Passer mint og rosa sammen i en gradient?

Ja, i pastellstyrke. Blek mint og rosa glir rent over i hverandre fordi det er lite metning som kan bli grå.