Mintgrøn gradient: friske, lyse koder

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.

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 har samme tilgang for alle farver.

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.

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.

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 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.

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 forklarer grænserne.

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 og forårsfarvepaletter.

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.

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