Kortversionen
- En skogsgrön gradient går från ett nästan svart grönt, som skuggan under träden, till ett mellan- eller ljusgrönt där ljuset bryter igenom.
- Gröna toner som lutar åt blått läses som tall och barrskog, medan gröna toner som lutar åt gult läses som mossa och ormbunke.
- En liten varm accent som kräm, mässing eller terrakotta får skogsgrönt att se rikt ut i stället för platt.
- Skogsgrönt blir geggigt när det blandas direkt med rött eller orange, så håll varma färger som separata accenter.
- Ljus text på den mörka änden av en skogsgrön gradient läses bra och känns lugn och premium.
På den här sidan
En skogsgrön gradient går från ett nästan svart grönt, färgen på djup skugga under träd, upp till ett rikare mellangrönt eller ett mjukt solbelyst grönt där ljuset kommer in genom trädkronorna. Den känns naturlig, stadig och stillsamt dyr, vilket är varför traditionsrika varumärken, friluftsföretag, hotell och växtbutiker väljer den. Koderna nedan följer en verklig skog, från marken till trädtopparna, med noteringar om vad som passar till var och en.
Skogens färger, från marken till trädkronorna
Stå i en skog och du ser mer än ett grönt. Den djupaste skuggan är nästan svart. Tall och gran lutar åt blått. Mossa, ormbunkar och unga löv lutar åt gult. Högt uppe, där solen fångar bladen, blir det gröna blekt och gyllene, och på en fuktig morgon bleknar allt till ett mjukt gråaktigt grönt. En bra skogsgradient väljer en av de här berättelserna i stället för alla.
Koder för skogsgröna gradienter
Börja med djup trädkrona om du vill ha den klassiska mörkgröna gradienten: den är mest mångsidig och bär ljus text vackert. Tall är kallare och modernare. Mossa är jordnärare och fungerar för mat, hantverk och allt handgjort. Ormbunksljus är den ljusaste i uppsättningen och är ändå otvetydigt skog snarare än lime.
För friskare, ljusare gröna toner, från smaragd till lime, går samlingen grön gradient bredare. Vill du ha ett skogsgrönt med mer blått i tar turkos gradient vid där tallen slutar.
Dis, solljus och skogsbotten
Atmosfär är det som får en skogsgradient att kännas som en plats snarare än ett färgprov. Dis lyfter bildens överdel till ett blekt gråaktigt grönt och låter träden träda fram under. Solljus genom trädkronorna är ett radiellt sken av mjukt guld högt upp i bilden. Skogsbotten för in lite brunt längst ner, vilket förankrar designen. En av de här effekterna per design är gott och väl nog.
Vad som passar till skogsgrönt
Skogsgrönt för sig kan se tungt ut. En enda varm partner, använd till text eller en enda liten accent, ändrar hela personligheten. Välj partnern efter känslan du vill ha och håll den sedan utanför själva gradienten.
Hex
#f4efe3Känns
Passar
Hex
#c9a24aKänns
Passar
Hex
#c8643bKänns
Passar
#f2c6c2Känns
Passar
Hex
#d7e2d0Känns
Passar
Mer om hur du bygger naturliga paletter finns i naturens färgpaletter och jordtoner, och om vad grönt signalerar till folk i grön färgs betydelse.
Håll skogsgrönt rikt, inte platt
Ser platt eller sjukligt ut
- Grönt som blandats rakt in i rött eller orange
- Ett gulgrönt så ljust att det läses som lime
- Neutralgrått tillsatt för att göra det mörkare
- Rent svart i den mörka änden
- Klargrön text på mörkgrönt
Ser ut som en skog
- Varma färger hållna som separata accenter
- Den ljusa änden mjuk, som #a7c97a
- Mörknat genom att sänka ljusheten och behålla nyansen
- Ett nästan svart som ändå är grönt, som #0b1f14
- Kräm- eller mässingsfärgad text på mörkgrönt
Den första punkten är den som fångar folk. Grönt och rött ligger mitt emot varandra på färghjulet, och en direkt blandning mellan dem går via brunt. Vill du ha båda, låt dem mötas med en hård kant eller håll rött till texten. Geggiga gradienter visar exakt vad som händer däremellan.
Skogsgröna gradienter i verkliga designer
Skogsgrönt är en gåva för företag som arbetar utomhus eller med levande ting, eftersom det säger expertis och omsorg utan att skrika. En trädgårdsmästare kan publicera säsongspåminnelser, en blomsterhandlare kan avisera en workshop, ett hotell kan marknadsföra en weekend borta, och allt ser ut som samma varumärke.
En trädgårdsmästares stående inlägg. Krämfärgad text på den djupa änden, med det ljusare gröna hållet mot kanterna.
Den enhetligheten är det svåra när en hel säsongs inlägg, stories och flyers kommer från olika händer. I Gradiently väljer du en skogsgrön Mark en gång och varje design i Studio bär den i rätt storlek, med den lugna delen kvar bakom dina ord. Marknadsföring för trädgårdsföretag har en säsongs idéer att fylla den med.
:root {
--forest-950: #0b1f14;
--forest-800: #14391f;
--forest-600: #22573a;
--forest-300: #a7c97a;
--cream: #f4efe3;
}
.hero--forest {
color: var(--cream);
background: linear-gradient(160deg, var(--forest-950) 0%, var(--forest-800) 45%, var(--forest-600) 100%);
}Vanliga frågor
Vad är hexkoden för skogsgrönt?
Den CSS-namngivna färgen forestgreen är #228b22, ett ganska ljust grönt. Djupare skogsgröna toner för gradienter ligger runt #14391f till #22573a, med nästan svarta varianter som #0b1f14 för den mörka änden av en gradient.
Vilka färger passar till en skogsgrön gradient?
Varm kräm, mässingsguld, terrakotta, blekrosa och blek salvia. Använd en av dem som text- eller accentfärg i stället för att blanda in den i det gröna.
Varför ser min gröna gradient geggig ut?
Den blandas troligen in i rött, orange eller grått. Håll nyansen stadig, mörkna genom att sänka ljusheten och låt varma färger möta det gröna med en hård kant eller stanna i texten.
Vilken textfärg fungerar på mörkgrönt?
Kräm som #f4efe3, vitt eller en mjuk mässing. De läses tydligt på den mörka änden och behåller den lugna, naturliga känslan.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil