# Mintgrön gradient: fräscha, ljusa koder

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

Mint är den fräschaste färgen på färghjulet och den lättaste att göra fel: ett steg för kallt och den ser ut som tandkräm eller en sjukhuskorridor. Här är ljusa koder som förblir aptitliga.

## The short version

- En mintgrön gradient blandar ljusa, lätt blåaktiga gröna nyanser, oftast med vitt eller kräm i den ljusa änden.
- Mint ser klinisk ut tillsammans med kallgrått och rent vitt, och fräsch tillsammans med kräm, persika eller rosa.
- Ljus mint och persika är motsatser, men i pastellstyrka blandas de rent utan att bli grumliga.
- Mint är alldeles för ljus för vit text; djup skogsgrön, som #064e3b, läses bra på den.
- Mint passar kaféer, hudvård, barnvarumärken, hållbarhet och vårkampanjer.

En **mintgrön gradient** blandar ljusa, lätt blåaktiga gröna nyanser från nästan vitt till en len grönmynta, och få gröna färger känns fräschare. Hållen varm med kräm eller persika som partner känns den som ett kafé, en trädgård eller en vårmorgon. Ihop med grått och rent vitt börjar den kännas som en tandläkares väntrum. Här är mintkoder som håller sig fräscha, partnerna som värmer upp dem och textfärgen som gör dem läsbara.

## En mintgrön gradient på en rad CSS

Behöver du bara en, börja här. Den går från ett varmt, krämigt vitt till en klar mint, så den känns aldrig kall, och den lämnar gott om lugn yta högst upp för text.

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

Krämvitt till mint. Sätt rubriker i djup skogsgrön `#064e3b` över övre halvan.

## Ljusa mintgradienter

De här ligger nära vitt. De är perfekta för bakgrunder som bär mycket läsning, som en meny eller en prislista, och för produktbilder där förpackningen ska vara hjälten. [Pastellgradienter](https://gradiently.design/sv/guide/pastel-gradients) har samma angreppssätt för alla färger.

- Mintmjölk: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)`
- Grönmynta: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)`
- Nytt blad: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)`
- Morgondagg: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)`
- Ismint: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)`

Fem ljusa mintnyanser. ”Ismint” lutar åt blått för en kyligare, renare känsla; ”Nytt blad” lutar åt gult för en varmare, botanisk.

Bestäm tidigt åt vilket håll din mint lutar. Blåaktiga mintnyanser känns kyliga, rena och moderna, vilket passar tech, badkläder och hudvård. Gulaktiga mintnyanser känns varma och ätbara, vilket passar mat, växter och allt för barn. Att blanda de två i en gradient går bra, men låt en dominera så att varumärket får en tydlig temperatur.

## Mint med persika, kräm eller rosa

Mintens motsats på färghjulet är en mjuk korallrosa. I full styrka blandas motsatser till grått, men i pastellstyrka finns det så lite mättnad att de glider igenom varandra rent. Det gör mint och persika, eller mint och rosa, till en av de vackraste kombinationerna som finns, och värmen hindrar mint från att kännas medicinsk. Fler kombinationer finns i [färgkombinationer för gradienter](https://gradiently.design/sv/guide/gradient-color-combinations).

- Mint och persika: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Mint och rosa: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Kräm och mint: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Pistaschsorbet: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Mint med en varm partner. De här känns som glass, blommor och bagerier snarare än kliniker.

- Krämvit: #fbfdf7
- Mintmjölk: #d1fae5
- Grönmynta: #a7f3d0
- Persika: #fde2cf
- Rosa: #fce7f3
- Skogsbläck: #064e3b

En varm mintpalett: kräm, två mintnyanser, två varma pasteller och en skogsgrön till text och logotyper.

## Mint som inte ser ut som tandkräm

Många kopplar mint till tandkräm, kliniker och sjukhuskläder. Är du inte i de branscherna, styr undan från kombinationerna som signalerar dem.

### Känns kliniskt

- Mint med rent vitt och kallgrått
- Mättad mint som `#98ff98` eller `#3eb489` som platt fyllning
- Tunn grå sans serif-text
- Hård, perfekt ren digital yta

### Känns fräscht

- Mint med kräm, persika eller rosa
- Mjuka mintnyanser som `#d1fae5` till `#a7f3d0`
- Skogsgrön text med lite tyngd
- En nypa korn, som tryckt papper

Korn betyder mer än man tror här. En ljus digital gradient utan textur ser ut som en standardinställning; lite brus får den att se ut som ett tryckt menykort. [Korniga gradienter](https://gradiently.design/sv/guide/grainy-gradients) visar hur.

## Djupare mintgradienter: ner mot smaragd och skog

Låter du mint gå ner i smaragd eller skogsgrönt får du en gradient med både friskhet och djup. Den passar hållbara varumärken, växtbutiker, matcha och hälsokost, och den mörka änden bär vit text. För hela spannet av gröna nyanser, se [gröna gradienter](https://gradiently.design/sv/guide/green-gradient).

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

Mint i den ljusa änden, skog i den mörka. Rubriker går lågt i vitt eller högt i skogsbläck.

## Text på en mintgrön gradient

Mint är en av de ljusaste färgerna som finns, så vit text försvinner på den: vitt på grönmynta `#a7f3d0` mäter långt under 2 till 1. Skogsgrönt `#064e3b` på samma mint mäter omkring 7,6 till 1 och håller hela designen i en färgfamilj. Byt till vitt först där gradienten har fördjupats till smaragd `#047857` eller mörkare. [Färgkontrast och tillgänglighet](https://gradiently.design/sv/guide/color-contrast-accessibility) förklarar tröskelvärdena.

| Bakgrund | Vit text | Skogsgrön text #064e3b |
| --- | --- | --- |
| Mintmjölk `#d1fae5` | Underkänd | Klarar sig med god marginal |
| Grönmynta `#a7f3d0` | Under 2:1, underkänd | Omkring 7,6:1 |
| Mint `#6ee7b7` | Omkring 1,5:1, underkänd | Omkring 6,4:1 |
| Smaragd `#047857` | Omkring 5,5:1, godkänd | Underkänd |

Mätningar på platt färg. På en gradient, kontrollera den ljusaste punkten bakom varje rad.

Ett produktinlägg för ett kafé med skogsgrön rubriktext på en ljus gradient i mint och kräm

Ett kafeinlägg på fräsch mint med skogsgrön text. Det ser kallt, sött och inbjudande ut.

Samma kafédesign som en hög story på mintgradienten

Samma inlägg som story, med minten återgiven för den höga ramen.

I Gradiently gör Pro en design till alla storlekar du behöver i ett enda steg, och Auto-bläck väljer ljus eller mörk text för varje rad utifrån Markens egna färger, så en ljus mint aldrig får oläslig vit text efter en storleksändring. Små kaféer och butiker hittar fler idéer i [varumärkesbygge för kafé](https://gradiently.design/sv/guide/coffee-shop-branding) och [färgpaletter för våren](https://gradiently.design/sv/guide/spring-color-palettes).

## CSS för mintgrön gradient på en webbplats

På en webbplats fungerar mint bäst som sektionsbakgrund snarare än hela sidan, så att den läses som ett fräscht ögonblick mellan vita sektioner. Ett svagt varmt ljus i ett hörn hindrar en stor mintyta från att kännas platt, och brödtext i skogsgrönt i stället för svart håller sidan mjuk.

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

Fräsch mint med ett mjukt persikoljus i övre högra hörnet. Skogsgrön text och djupt smaragdgröna länkar klarar kontrasten över hela ytan.

## FAQ

### Vilken hexkod har mintgrönt?

Det finns ingen enskild standard. `#98ff98` är en vanlig ljus mint och `#3eb489` en djupare; för gradienter ser mjukare mintnyanser som `#d1fae5` och `#a7f3d0` oftast bättre ut.

### Vilka färger passar till en mintgrön gradient?

Kräm, persika, rosa, smörgult och skogsgrönt. Varma partner hindrar mint från att kännas kliniskt.

### Vilken textfärg ser bäst ut på mintgrönt?

Djup skogsgrön eller kolgrå. Vit text klarar inte kontrasten på nästan någon mintnyans.

### Varför ser min mintgradient klinisk ut?

Den är troligen ihop med rent vitt och kallgrått. Byt ut dem mot kräm och en varm accent och lägg till lätt korn.

### Passar mint och rosa ihop i en gradient?

Ja, i pastellstyrka. Ljus mint och rosa blandas rent eftersom det finns så lite mättnad som kan bli grå.