Gröna gradienter: fräscha, djupa och elektriska

En grön gradient blandar nyanser av grönt, från blek mint och salvia via smaragd och skogsgrönt till elektrisk lime, ofta med en angränsande petrol eller gul. Grönt har större spännvidd än nästan någon annan färg: det kan kännas fräscht och rent, djupt och dyrt, eller högljutt och syntetiskt. Nedan finns gröna gradientpaletter för varje stämning med CSS att kopiera, de textfärger som fungerar på dem och hur du undviker att se ut som varje hållbarhetsrapport.

Den gröna familjen

Gröna toner lutar åt två håll. Mot gult blir de lime, chartreuse och olivgrönt, som känns varma, energiska eller jordnära. Mot blått blir de petrol, jade och smaragd, som känns svala, lugna och putsade. Gråa ner dem och du får salvia, som är mjuk och vuxen. Mörka dem och du får skogsgrönt och flaskgrönt, som känns etablerade och lite lyxiga.

Vad en grön gradient signalerar

Grönts mest delade associationer är natur, tillväxt, hälsa och friskhet, som kommer direkt från växter. Konventionen har lagt till fler: kör på trafikljus, pengar i USA på grund av sedlarna och framgång i instrumentpaneler och finansappar. Det bär också religiösa och nationella betydelser på vissa håll, och färgers betydelse i världen går igenom dem.

I praktiken betyder det att nyansen står för det mesta av budskapet. Mint säger rent. Salvia säger lugnt och genomtänkt. Skogsgrönt och flaskgrönt säger anor. Lime säger energi. Petrol säger finish. Bestäm vilket av dem du menar innan du väljer en gradient, så blir paletterna nedan mycket lättare att välja bland.

Fräscha och mintgröna gradienter

Bleka gröna toner känns rena, svala och lätta. De passar hudvård, hälsa, mat och allt som ska kännas fräscht. Håll texten mörk och värm dem lite i ena änden så att de inte känns kliniska.

Djupa och skogsgröna gradienter

Mörkgrönt hör till de mest dyrt utseende färgerna som finns. Tänk på racerbilar, gamla bibliotek och traditionsrika förpackningar. De bär vit och gräddvit text väl och passar vackert ihop med guld, mässing och varmt benvitt.

Elektriska lime- och neongröna gradienter

Syra- och limegrönt är högljutt och syntetiskt på bästa sätt. De passar sport, musik, spel och tekniklanseringar. På en nästan svart grund lyser de, på vitt kan de vara svåra att titta på, så använd dem på små ytor där.

Petrol- och jadegradienter

Grönt som lutar åt blått är lugnt, putsat och stillsamt självsäkert. Det fungerar bra för finans, välmående och resor, och är mindre väntat än rent blått inom de kategorierna.

Så undviker du miljöklichén

Eftersom grönt är så starkt kopplat till natur har det blivit standardfärgen för allt som är eko, ekologiskt eller hållbart. Ett klart bladgrönt, en vit bakgrund och en bladikon läses nu som kategorin, inte som något enskilt företag. Om du jobbar där och vill synas, ändra minst en av de tre sakerna.

Grönt och rosa är ett särskilt bra par för detta, eftersom kombinationen känns botanisk utan att vara bokstavlig. De ligger nästan mitt emot varandra i färghjulet, så håll dem på skilda ytor i stället för att blanda den ena i den andra. Komplementfärger förklarar varför.

Text på gröna gradienter

Klara gröna toner är ljusare än de ser ut, så vit text på dem faller oftast igenom. Ett mycket mörkgrönt bläck läses bättre och håller allt i samma familj. Kontrollera den ljusaste punkten bakom vit text på vilken gradient som helst, och text på gradient visar hur.

.panel {
  background-color: #0b3b2e;
  background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
  color: #f5f0e6;
}

För fler paletter hämtade från skogar, fält och vatten, se färgpaletter från naturen.