Back to palettes

Palette

Enchanted Forest Path

An inviting array of deep greens and earthy browns, like sunlight filtering through ancient trees onto a forest path.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Forest Path reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Enchanted Forest Path.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#228B22#3CB371#8B4513#D2B48C#556B2F

Palette guide

How to use Enchanted Forest Path

Overview

The Enchanted Forest Path palette offers an inviting array of deep greens and earthy browns, reminiscent of sunlight filtering through ancient trees onto a woodland trail. Featuring lush forest green #228B22, rich saddle brown #8B4513, and a warm tan #D2B48C, this palette is grounded and natural. It's a superb choice for designers and developers working on nature-inspired branding, rustic websites, or outdoor adventure themes. The combination of verdant foliage and sturdy earth tones creates a sense of exploration, comfort, and timeless natural beauty.

Best used for

  • Nature-inspired branding and logos
  • Rustic and outdoorsy website design
  • Outdoor adventure gear packaging
  • Sustainable and eco-conscious products
  • Historical recreations and themes
  • Cozy interior design concepts

Suggested color roles

primary

Use #228B22 as a lush, dominant primary color for main sections or prominent graphic elements.

secondary

Apply #8B4513 for rich, earthy brown accents, grounding elements, or secondary content blocks.

accent

Introduce #D2B48C as a warm, sun-dappled highlight for calls-to-action, delicate details, or backgrounds.

background

Utilize #D2B48C for a light, inviting background, or pair with a very light cream to enhance the earthy feel.

text

Use #228B22 or #8B4513 for text on lighter backgrounds like #D2B48C. White text works well on #228B22 and #8B4513.

Accessibility notes

  • Ensure good contrast for text on #D2B48C; opt for darker colors like #228B22 or #8B4513.
  • White text on #228B22 and #8B4513 provides excellent readability for headings and important information.
  • Avoid using #556B2F for small text on #3CB371 or similar mid-greens, as contrast may be insufficient.
  • Test color pairings, especially between browns and greens, to ensure visual clarity for all users.

Recommended combinations

Woodland Trail

A classic nature combination, ideal for hero sections or brand identity, balancing lushness with warmth.

#228B22 · #8B4513 · #D2B48C

Forest Floor

Create harmonious green-brown layouts, evoking moss and earth, perfect for content blocks.

#556B2F · #3CB371 · #8B4513

Sunlit Path

Use the light tan as a background, with greens for text and accents, for an inviting, fresh feel.

#D2B48C · #228B22 · #556B2F

CSS variables

:root {
  --enchanted-forest-path-1: #228B22;
  --enchanted-forest-path-2: #3CB371;
  --enchanted-forest-path-3: #8B4513;
  --enchanted-forest-path-4: #D2B48C;
  --enchanted-forest-path-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-path": {
        1: "#228B22",
        2: "#3CB371",
        3: "#8B4513",
        4: "#D2B48C",
        5: "#556B2F",
      }
    }
  }
}

Related searches

forest path color schemeearthy green brown palettenatural woodland brandingrustic nature UI designinviting outdoor colors

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#8B4513
·
Color 4#D2B48C
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.6:1Fail
2.2:1Fail
1.4:1Fail
2
1.6:1Fail
2.7:1Fail
1.4:1Fail
2.2:1Fail
3
1.6:1Fail
2.7:1Fail
3.6:1AA18
1.2:1Fail
4
2.2:1Fail
1.4:1Fail
3.6:1AA18
3:1AA18
5
1.4:1Fail
2.2:1Fail
1.2:1Fail
3:1AA18

Similar palettes

More like Enchanted Forest Path

View all earth
Mossy Glen Whisper
Ancient Jade Temple
Dusky Woodland Trail
Emerald Canopy Mist
Emerald Enclave Moss
Emerald Forest Depths