paletta

PALETTE GALLERY

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.

Aa
Bark ink on mist
Contrast 11.07 : 1AAA
Aa
Pine on mist
Contrast 11.19 : 1AAA
Aa
Sage on pine
Contrast 5.51 : 1AA
EXPORT

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 */
}

FAQ

Frequently asked questions

Moss (#4C8C6B) sits at a middle lightness by design, which is what makes it read as a natural, muted green rather than a saturated brand green. It only reaches 3.98:1 against white, under the 4.5:1 AA floor, so it belongs on a dark surface or as a non-text accent.

Earth tones mix green with brown and clay hues; this set stays entirely within green, from a near-black pine to a pale mist, which gives it a narrower, more focused hue range.

Spruce (#1F5C4A) or Pine (#0B3D2E) both clear AAA against Mist and hold up well as a filled button background with white or mist-colored button text.

Related palettes

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.