# Mintgrøn gradient: friske, lyse koder

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

Mint er den friskeste farve på hjulet og den letteste at ramme forkert: Ét trin for koldt, og den ligner tandpasta eller en hospitalsgang. Her er lyse koder, der forbliver appetitlige.

## The short version

- En mintgrøn gradient blander lyse, let blålige grønne, som regel med hvid eller creme i den lyse ende.
- Mint ser klinisk ud sammen med kølig grå og ren hvid og frisk sammen med creme, fersken eller lyserød.
- Lys mint og fersken er modsætninger, men i pastelstyrke blander de sig rent uden at blive mudrede.
- Mint er alt for lys til hvid tekst; dyb skovgrøn som #064e3b læses godt på den.
- Mint passer til caféer, hudpleje, brands for børn, bæredygtighed og forårskampagner.

En **mintgrøn gradient** blander lyse, let blålige grønne fra næsten hvid til en blød grøn mynte, og få grønne føles friskere. Holdt varm med en creme- eller ferskenfarvet partner føles den som en café, en have eller en forårsmorgen. Sammen med grå og ren hvid begynder den at føles som et venteværelse hos tandlægen. Her er mintkoder, der forbliver friske, de partnere, der gør dem varmere, og den tekstfarve, der holder dem læselige.

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

Har du kun brug for én, så start her. Den går fra en varm, cremet hvid til en klar mint, så den føles aldrig kold, og den efterlader masser af rolig plads øverst til ord.

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

Cremehvid til mint. Sæt overskrifter i dyb skovgrøn `#064e3b` hen over den øverste halvdel.

## Lyse mintgradienter

De ligger tæt på hvid. De er perfekte til baggrunde med meget tekst, som et menukort eller en prisliste, og til produktbilleder, hvor emballagen skal være helten. [Pastelgradienter](https://gradiently.design/da/guide/pastel-gradients) har samme tilgang for alle farver.

- Mintmælk: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)`
- Grøn mynte: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)`
- Nyt blad: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)`
- Morgendug: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)`
- Ismint: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)`

Fem lyse mintfarver. »Ismint« hælder mod blå for et køligere, renere udtryk; »Nyt blad« hælder mod gul for et varmere, botanisk udtryk.

Beslut tidligt, hvilken vej din mint hælder. Blålige mintfarver føles kølige, rene og moderne, hvilket passer til tech, badetøj og hudpleje. Gullige mintfarver føles varme og spiselige, hvilket passer til mad, planter og alt for børn. Det er fint at blande de to i én gradient, men vælg én, der dominerer, så brandet har en tydelig temperatur.

## Mint med fersken, creme eller lyserød

Mints modsætning på farvehjulet er en blød koralrosa. I fuld styrke blandes modsætninger til grå, men i pastelstyrke er der så lidt mætning, at de passerer rent gennem hinanden. Det gør mint og fersken, eller mint og lyserød, til en af de smukkeste kombinationer, der findes, og varmen forhindrer mint i at føles medicinsk. Flere kombinationer finder du i [gradientfarvekombinationer](https://gradiently.design/da/guide/gradient-color-combinations).

- Mint og fersken: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Mint og lyserød: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Creme og mint: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Pistaciesorbet: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Mint med en varm partner. De føles som is, blomster og bagerier frem for klinikker.

- Cremehvid: #fbfdf7
- Mintmælk: #d1fae5
- Grøn mynte: #a7f3d0
- Fersken: #fde2cf
- Lyserød: #fce7f3
- Skovblæk: #064e3b

En varm mintpalet: creme, to mintfarver, to varme pasteller og en skovgrøn til tekst og logoer.

## Mint, der ikke ligner tandpasta

Mange forbinder mint med tandpasta, klinikker og hospitalsuniformer. Er du ikke i de brancher, så hold dig fra de kombinationer, der signalerer dem.

### Føles klinisk

- Mint med ren hvid og kølig grå
- Mættet mint som `#98ff98` eller `#3eb489` som flad udfyldning
- Tynd grå sans serif-skrift
- En hård, helt ren digital overflade

### Føles frisk

- Mint med creme, fersken eller lyserød
- Bløde mintfarver som `#d1fae5` til `#a7f3d0`
- Skovgrøn skrift med lidt vægt
- Et strejf af korn, som trykt papir

Korn betyder mere, end man skulle tro, her. En lys digital gradient uden tekstur ligner en standardindstilling; lidt støj får den til at ligne et trykt menukort. [Kornede gradienter](https://gradiently.design/da/guide/grainy-gradients) viser hvordan.

## Dybere mintgradienter: mod smaragd og skovgrøn

Lader du mint glide ned i smaragd eller skovgrøn, får du en gradient med både friskhed og dybde. Den passer til bæredygtige brands, plantebutikker, matcha og helsekost, og den mørke ende kan bære hvid tekst. Hele spektret af grønne finder du i [grønne gradienter](https://gradiently.design/da/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 på skovgrøn: `radial-gradient(circle at 80% 15%, #a7f3d0 0%, #10b981 25%, #064e3b 70%, #022c22 100%)`

Mint i den lyse ende, skovgrøn i den mørke. Overskrifter står lavt i hvid eller højt i skovblæk.

## Tekst på en mintgrøn gradient

Mint er en af de lyseste farver, der findes, så hvid tekst forsvinder på den: Hvid på grøn mynte `#a7f3d0` måler et godt stykke under 2 til 1. Skovgrøn `#064e3b` på samme mint måler omkring 7,6 til 1 og holder hele designet i én farvefamilie. Skift kun til hvid, hvor gradienten er blevet dyb som smaragd `#047857` eller mørkere. [Farvekontrast og tilgængelighed](https://gradiently.design/da/guide/color-contrast-accessibility) forklarer grænserne.

| Baggrund | Hvid tekst | Skovgrøn tekst #064e3b |
| --- | --- | --- |
| Mintmælk `#d1fae5` | Dumper | Består let |
| Grøn mynte `#a7f3d0` | Under 2:1, dumper | Omkring 7,6:1 |
| Mint `#6ee7b7` | Omkring 1,5:1, dumper | Omkring 6,4:1 |
| Smaragd `#047857` | Omkring 5,5:1, består | Dumper |

Målinger på flad farve. På en gradient skal du tjekke det lyseste punkt bag hver linje.

Et produktopslag fra en café med skovgrøn overskrift på en lys mint- og cremefarvet gradient

Et caféopslag på frisk mint med skovgrøn skrift. Det ser koldt, sødt og indbydende ud.

Det samme caféopslag som en høj story på mintgradienten

Det samme opslag som story, med mint gengivet til det høje format.

I Gradiently gør Pro ét design til alle de størrelser, du har brug for, i ét trin, og Automatisk tekstfarve vælger lys eller mørk skrift til hver linje ud fra Markens egne farver, så en lys mint aldrig ender med ulæselig hvid tekst efter en formatændring. Små caféer og butikker kan finde flere idéer i [branding af kaffebarer](https://gradiently.design/da/guide/coffee-shop-branding) og [forårsfarvepaletter](https://gradiently.design/da/guide/spring-color-palettes).

## Mintgrøn gradient i CSS til en hjemmeside

På en hjemmeside virker mint bedst som baggrund for en sektion frem for hele siden, så den læses som et friskt øjeblik mellem hvide sektioner. Et svagt varmt lys i det ene hjørne forhindrer et stort mintområde i at føles fladt, og brødtekst i skovgrøn frem for sort holder siden blød.

```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 blødt ferskenlys i øverste højre hjørne. Skovgrøn tekst og dybe smaragdlinks består kontrastkravet hen over den.

## FAQ

### Hvad er hex-koden for mintgrøn?

Der findes ingen enkelt standard. `#98ff98` er en almindelig klar mint og `#3eb489` en dybere; til gradienter ser blødere mintfarver som `#d1fae5` og `#a7f3d0` som regel bedre ud.

### Hvilke farver passer til en mintgrøn gradient?

Creme, fersken, lyserød, smørgul og skovgrøn. Varme partnere forhindrer mint i at føles klinisk.

### Hvilken tekstfarve ser bedst ud på mintgrøn?

Dyb skovgrøn eller koksgrå. Hvid tekst dumper kontrastkravet på næsten alle mintnuancer.

### Hvorfor ser min mintgradient klinisk ud?

Den står sandsynligvis sammen med ren hvid og kølig grå. Skift dem ud med creme og en varm accent, og tilføj let korn.

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

Ja, i pastelstyrke. Lys mint og lyserød blander sig rent, fordi der er så lidt mætning, at intet bliver gråt.