Forest Green Color Palette

Forest green is a deep, yellow-leaning green. #2D5016 sits at 96° hue and only 20% lightness — dark enough that most layouts can use it as a near-neutral rather than an accent. Copy the HEX codes from any scheme below, or generate a harmonious forest-green palette anchored to a base colour you pick.

Forest Green Palette Ideas & HEX Codes

Deep Forest is the most saturated, 57%–85%, and reads almost like a lime at #65A30D. Pine Forest is the grey-green version, 19%–31% saturation, and the most natural of the three. Mossy Forest sits between the two and ends on a pale #DAD7CD you can use as a ground.

Deep Forest

#1A2E05
#2D5016
#3F6212
#4D7C0F
#65A30D

Pine Forest

#14261A
#2D3E28
#385A3A
#5C8A56
#8FAE87

Mossy Forest

#283618
#55632F
#606C38
#A3B18A
#DAD7CD

Anchored to a forest green base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

What Goes With Forest Green

Forest green is dark and cool, so it wants a warm light partner: cream, tan or a soft beige to lift it, with rust or gold as the accent. It also stacks with the other greens — sage green for the pale end, olive green for the yellower one. Outdoor gear, wellness, whisky and organic food brands use it heavily.

Frequently Asked Questions

What HEX codes make a forest green palette?
Forest green is a deep, slightly muted green: anchor on a near-black green (#1A2E05, #14261A), use a rich forest tone (#2D5016, #385A3A) and lift with sage tints (#8FAE87, #A3B18A). The dark, natural depth is what gives it that dense-woodland feel. The Deep Forest, Pine Forest and Mossy Forest rows above each carry five codes, which is usually the right number: two darks, a mid and two tints. Across all three the extremes are #14261A and #DAD7CD, which contrast at 11:1 — enough for body text at any size under WCAG AA and AAA.
Is there an official forest green HEX code?
Yes — the CSS keyword forestgreen is #228B22, a mid green at 33% lightness. Design palettes usually go deeper than that: #228B22 gives about 4.4:1 on white, just short of the 4.5:1 WCAG AA needs, while #2D5016 and #1A2E05 below are dark enough to carry white text comfortably. Deep Forest above covers both ends in one row, #1A2E05 to #65A30D, so the deep steps are there for text and the bright ones for an accent.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. On a narrow phone the generator shows four swatches instead of five, so the block you copy there carries four custom properties. Whatever the width, it rolls around #2D5016, the forest green this page is seeded with, so the export stays on-hue. Copy JSON and Copy HEX give the same values as an array and as a comma-separated line.
Which forest green shades are readable as text on white?
The deeper forest green shades work as body text on white and the pale ones do not. The base shade used here, #2D5016, gives 9.2:1 against #FFFFFF, clear enough for body text at any size. The darkest code on this page, #14261A, reaches 15.8:1 on white and clears WCAG AA for body text and AAA as well. The palest, #DAD7CD, sits at 1.4:1 and belongs behind text rather than in it, with something dark on top.

More palettes: Green palette  ·  Olive Green palette  ·  Emerald Green palette  ·  all colours