Mintgrønn gradient: friske, lyse fargekoder

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.

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 bruker samme tilnærming for alle farger.

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.

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.

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

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

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 og vårens fargepaletter.

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.

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