Mintgrön gradient: fräscha, ljusa koder

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.

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 har samma angreppssätt för alla färger.

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.

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.

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

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 förklarar tröskelvärdena.

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é och färgpaletter för våren.

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.

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