Deep Evergreen Canopy, Woodland Moss & Bark Category: Nature 8,100/mo searches

Forest Nature Palette — HEX Codes, Swatches & UI Palette

Deep within ancient evergreen forests among moss-covered stones, towering redwoods, and morning canopy fog. Communicates stability, fresh air, organic health, and outdoor wilderness.

Authoritative Pine

Deep Forest Green

#1B4332

Vibrant Foliage

Mossy Fern

#40916C

Gentle Leaf Tint

Woodland Sage

#74C69D

Earthy Grounding Dark

Bark Timber

#5C4033

Soft Breathing Space

Misty Canopy Fog

#D8F3DC

Open in Web Studio Color Wheel Tint & Shade Scale

Color Swatches & Technical Specifications

Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Forest Nature Palette.

Deep Forest Green

Authoritative Pine

HEX #1B4332

RGB rgb(27, 67, 50)

HSL hsl(154deg, 43%, 18%)

vs White: 11.08:1 (AAA) vs Black: 1.9:1 (Fail)

Mossy Fern

Vibrant Foliage

HEX #40916C

RGB rgb(64, 145, 108)

HSL hsl(153deg, 39%, 41%)

vs White: 3.83:1 (AA Large) vs Black: 5.48:1 (AA)

Woodland Sage

Gentle Leaf Tint

HEX #74C69D

RGB rgb(116, 198, 157)

HSL hsl(150deg, 42%, 62%)

vs White: 2.04:1 (Fail) vs Black: 10.31:1 (AAA)

Bark Timber

Earthy Grounding Dark

HEX #5C4033

RGB rgb(92, 64, 51)

HSL hsl(19deg, 29%, 28%)

vs White: 9.39:1 (AAA) vs Black: 2.24:1 (Fail)

Misty Canopy Fog

Soft Breathing Space

HEX #D8F3DC

RGB rgb(216, 243, 220)

HSL hsl(129deg, 53%, 90%)

vs White: 1.18:1 (Fail) vs Black: 17.77:1 (AAA)

UI Design & Color Hierarchy Guide

Ideal for outdoor lifestyle gear, environmental NGOs, sustainable agricultural brands, and green energy companies.

60% Dominant Base

Use the primary neutral/light swatch (Misty Canopy Fog) for canvas backgrounds and card surfaces.

30% Structural Secondary

Apply midtones for navigation bars, card headers, borders, and secondary buttons.

10% Accent Callout

Reserve high-saturation focal colors for CTAs, conversion badges, and active state highlights.

WCAG 2.1 Accessibility & Contrast Matrix

Legibility ratings between palette elements and key backgrounds (Lightest: Misty Canopy Fog | Darkest: Deep Forest Green):

Swatch	Contrast vs Light Canvas	Contrast vs Dark Canvas
Deep Forest Green (#1B4332)	9.37:1 AAA	1.0:1 Fail
Mossy Fern (#40916C)	3.24:1 AA Large	2.89:1 Fail
Woodland Sage (#74C69D)	1.72:1 Fail	5.44:1 AA
Bark Timber (#5C4033)	7.95:1 AAA	1.18:1 Fail
Misty Canopy Fog (#D8F3DC)	1.0:1 Fail	9.37:1 AAA

CSS Custom Properties & Design Tokens

Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:

CSS Variables

:root {
  --color-1: #1B4332; /* Deep Forest Green - Authoritative Pine */
  --color-2: #40916C; /* Mossy Fern - Vibrant Foliage */
  --color-3: #74C69D; /* Woodland Sage - Gentle Leaf Tint */
  --color-4: #5C4033; /* Bark Timber - Earthy Grounding Dark */
  --color-5: #D8F3DC; /* Misty Canopy Fog - Soft Breathing Space */
}

Tailwind CSS Config

{
  colors: {
    'palette-1': '#1B4332',
    'palette-2': '#40916C',
    'palette-3': '#74C69D',
    'palette-4': '#5C4033',
    'palette-5': '#D8F3DC'
  }
}

Explore More Curated Color Palettes

Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.

All Color Palettes Named Color Dictionary Interactive Color Wheel