Forest Green Color Palette
Greens from pale mint to deep pine, with a bark brown to ground them. A forest green palette feels rich, natural and a little luxurious.
Click any color to copy its HEX code.
Forest Green color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Mint Frost | #DCEBDF | 220, 235, 223 | 132°, 27%, 89% | |
| Fern | #8DB48E | 141, 180, 142 | 122°, 21%, 63% | |
| Moss | #5D8A5E | 93, 138, 94 | 121°, 19%, 45% | |
| Forest | #2F5D3A | 47, 93, 58 | 134°, 33%, 27% | |
| Deep Pine | #1C3A28 | 28, 58, 40 | 144°, 35%, 17% | |
| Bark | #5B4636 | 91, 70, 54 | 26°, 26%, 28% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Mint Frost (#DCEBDF) as the base, Fern (#8DB48E) as the supporting color and Forest (#2F5D3A) as the accent, with Deep Pine (#1C3A28) for text and fine details.
Forest Green
A quick preview of the palette with base, text and accent colors.
Forest FernWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Deep Pine on Mint Frost#1C3A28 on #DCEBDF · 10.1:1
- Bark on Mint Frost#5B4636 on #DCEBDF · 7.2:1
- Forest on Mint Frost#2F5D3A on #DCEBDF · 6.2:1
- Deep Pine on Fern#1C3A28 on #8DB48E · 5.4:1
CSS variables
:root {
--mint-frost: #DCEBDF;
--fern: #8DB48E;
--moss: #5D8A5E;
--forest: #2F5D3A;
--deep-pine: #1C3A28;
--bark: #5B4636;
}