Forest green color palette
Forest-green palettes narrow the cool-to-neutral range to green alone, from a near-black pine through moss and sage to a pale mist background. Unlike the earth-tone set, every hue here stays in the green family rather than crossing into brown.
Updated 2026-07-15
- PinePrimary#0B3D2E
- SpruceAccent#1F5C4A
- MossHighlight#4C8C6B
- SageSurface#8FB89A
- Bark InkText#243B2E
- MistBackground#F3F6F1
Where this palette works
Outdoor, environmental, and conservation brands
Deep green is the most direct visual shorthand for forest and nature-adjacent positioning.
Finance and wealth products seeking a calmer register
A desaturated deep green reads as stable and grounded without the corporate signal of blue.
Wellness and mindfulness apps
Green palettes test consistently as the most calming hue family in color-association research.
Accessible pairings
Bark ink and pine both clear AAA against mist, so the palette has two usable dark tones depending on whether the page wants a slightly warmer or slightly cooler-leaning text color.
Use these tokens
Copy as CSS custom properties or a Tailwind v4 @theme block.
:root {
--palette-primary: #0B3D2E; /* Pine */
--palette-accent: #1F5C4A; /* Spruce */
--palette-highlight: #4C8C6B; /* Moss */
--palette-surface: #8FB89A; /* Sage */
--palette-text: #243B2E; /* Bark Ink */
--palette-background: #F3F6F1; /* Mist */
}Frequently asked questions
Related palettes
Ocean palette
An ocean color palette built from deep sea blue, lagoon, and seafoam, with hex codes, accessible text pairings, and export-ready CSS variables.
Earth tone palette
An earth tone color palette built from umber, terracotta, and olive, with hex codes, accessible text pairings, and export-ready CSS variables.
Cool palette
A cool color palette built from deep teal, azure, and sky blue, with hex codes, accessible text pairings, and export-ready CSS variables.
Build on this palette
Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.
Generate a palette