The short version
- A forest green gradient runs from a near black green, like the shade under trees, to a mid or light green where light breaks through.
- Blue leaning greens read as pine and evergreen, while yellow leaning greens read as moss and fern.
- A small warm accent such as cream, brass or terracotta makes forest green look rich instead of flat.
- Forest green turns muddy when it is blended directly with red or orange, so keep warm colours as separate accents.
- Light type on the dark end of a forest green gradient reads well and feels calm and premium.
On this page
A forest green gradient moves from a near black green, the colour of deep shade under trees, up to a richer mid green or a soft sunlit green where light comes through the canopy. It feels natural, steady and quietly expensive, which is why heritage brands, outdoor companies, hotels and plant shops reach for it. The codes below follow a real woodland, from the floor to the treetops, with notes on what to pair with each.
The colours of a forest, from floor to canopy
Stand in a wood and you see more than one green. The deepest shade is almost black. Pine and spruce lean blue. Moss, ferns and young leaves lean yellow. High up, where sun catches the leaves, the green turns pale and golden, and on a damp morning everything fades to a soft grey green. A good forest gradient picks one of these stories rather than all of them.
Forest green gradient codes
Start with deep canopy if you want the classic dark green gradient: it is the most versatile and carries light type beautifully. Pine is cooler and more modern. Moss is earthier and works for food, crafts and anything handmade. Fern light is the brightest of the set and still unmistakably forest rather than lime.
For fresher, brighter greens, from emerald to lime, the main green gradient collection goes wider. If you want a forest green with more blue in it, teal gradient picks up where pine leaves off.
Mist, sunlight and the forest floor
Atmosphere is what makes a forest gradient feel like a place rather than a paint chip. Mist lifts the top of the frame to a pale grey green and lets the trees emerge below. Sunlight through the canopy is a radial glow of soft gold sitting high in the frame. The forest floor brings a little brown in at the bottom, which grounds the design. One of these effects per design is plenty.
What to pair with forest green
Forest green on its own can look heavy. A single warm partner, used for type or one small accent, changes its whole personality. Pick the partner by the feeling you want, then keep it out of the gradient itself.
Hex
#f4efe3Feels
Suits
Hex
#c9a24aFeels
Suits
Hex
#c8643bFeels
Suits
Hex
#f2c6c2Feels
Suits
Hex
#d7e2d0Feels
Suits
There is more on building natural palettes in nature colour palettes and earth tone colours, and on what green signals to people in green colour meaning.
Keeping forest green rich, not flat
Looks flat or sickly
- Green blended straight into red or orange
- A yellow green so bright it reads as lime
- Neutral grey added to darken it
- Pure black at the dark end
- Bright green type on dark green
Looks like a forest
- Warm colours kept as separate accents
- Light end kept soft, such as #a7c97a
- Darkened by lowering lightness, keeping the hue
- A near black that is still green, such as #0b1f14
- Cream or brass type on dark green
The first point is the one that catches people. Green and red sit opposite each other on the colour wheel, and a direct blend between them passes through brown. If you want both, let them meet with a hard edge, or keep the red to the type. Muddy gradients shows exactly what happens in between.
Forest green gradients in real designs
Forest green is a gift for businesses that work outdoors or with living things, because it says expertise and care without shouting. A landscaper can post seasonal reminders, a florist can announce a workshop, a hotel can promote a weekend away, and all of it looks like the same brand.
A landscaper's portrait post. Cream type on the deep end, with the lighter green kept to the edges.
That consistency is the hard part when a season's worth of posts, stories and flyers comes from different hands. In Gradiently, you pick a forest green Mark once and every design in the Studio wears it at the right size, with the calm part kept behind your words. Landscaping marketing has a season of ideas to fill it with.
: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%);
}Questions people ask
What is the hex code for forest green?
The CSS named colour forestgreen is #228b22, a fairly bright green. Deeper forest greens for gradients sit around #14391f to #22573a, with near black versions such as #0b1f14 for the dark end of a gradient.
What colours go with a forest green gradient?
Warm cream, brass gold, terracotta, blush pink and pale sage. Use one as a type or accent colour rather than blending it into the green.
Why does my green gradient look muddy?
It is probably blending into red, orange or grey. Keep the hue steady, darken by lowering lightness, and let warm colours meet the green with a hard edge or stay in the type.
What text colour works on dark green?
Cream such as #f4efe3, white or a soft brass. They read clearly on the dark end and keep the calm, natural feel.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile