Back to palettes

Palette

Forest Path Tones

Grounding and serene hues found along a shaded path through an ancient forest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Path Tones 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 Forest Path Tones.

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

Data visualization

#4F7942#A8C68E#8B4513#556B2F#D2B48C

Palette guide

How to use Forest Path Tones

Overview

The Forest Path Tones palette offers grounding and serene hues found along a shaded path through an ancient forest. This collection, featuring the deep #4F7942, vibrant #A8C68E, earthy #8B4513, rich #556B2F, and warm #D2B48C, is perfect for designers and developers aiming to convey natural beauty, stability, and organic charm. Its harmonious blend of forest greens and rustic browns allows for creating inviting and authentic compositions, ideal for projects seeking a connection to nature, from outdoor adventure branding to cozy interior designs and digital interfaces.

Best used for

  • Outdoor adventure and eco-tourism branding
  • Rustic interior design and home decor
  • Natural food and beverage packaging
  • Garden center or botanical website themes
  • Autumn seasonal marketing campaigns
  • Eco-friendly product lines and sustainability reports

Suggested color roles

primary

Utilize #4F7942 as the foundational deep green for main branding, headers, or significant graphical elements, offering stability.

secondary

Apply #8B4513 for supporting sections, navigation elements, or as a rich, earthy brown complement that adds warmth.

accent

Employ #A8C68E as a fresh, lighter green highlight for calls-to-action, interactive elements, or natural illustrations.

background

Use #D2B48C as a soft, warm neutral base for main content areas, ensuring excellent readability and an inviting, natural feel.

text

For dark text on light backgrounds, #4F7942 provides excellent contrast and maintains the palette's natural aesthetic. Black also works well.

Accessibility notes

  • Ensure sufficient contrast when pairing #A8C68E text on backgrounds close to #D2B48C to maintain readability.
  • The darkest colors, #4F7942 and #8B4513, provide strong readability for text against the light background #D2B48C.
  • Avoid using #D2B48C for small text unless it is on a significantly darker background.
  • Consider larger font sizes for text set in #556B2F on #D2B48C to improve legibility.

Recommended combinations

Forest Floor

Ideal for a primary brand identity, website hero sections, or a clean interface with strong natural accents.

#4F7942 · #D2B48C · #8B4513

Path & Light

Perfect for secondary content, backgrounds, or illustrations, emphasizing fresh green and warm, airy tones.

#556B2F · #A8C68E · #D2B48C

Rustic Greens

Excellent for text-heavy sections or data visualization, providing strong contrast and a rich, earthy feel.

#8B4513 · #4F7942 · #A8C68E

CSS variables

:root {
  --forest-path-tones-2-1: #4F7942;
  --forest-path-tones-2-2: #A8C68E;
  --forest-path-tones-2-3: #8B4513;
  --forest-path-tones-2-4: #556B2F;
  --forest-path-tones-2-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-path-tones-2": {
        1: "#4F7942",
        2: "#A8C68E",
        3: "#8B4513",
        4: "#556B2F",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

forest path color schemenatural earthy paletterustic green brown hueswoodland trail colorsorganic nature tones

Palette colors

Hex values

Color 1#4F7942
·
Color 2#A8C68E
·
Color 3#8B4513
·
Color 4#556B2F
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
1.4:1Fail
1.2:1Fail
2.6:1Fail
2
2.7:1Fail
3.8:1AA18
3.2:1AA18
1:1Fail
3
1.4:1Fail
3.8:1AA18
1.2:1Fail
3.6:1AA18
4
1.2:1Fail
3.2:1AA18
1.2:1Fail
3:1AA18
5
2.6:1Fail
1:1Fail
3.6:1AA18
3:1AA18

Similar palettes

More like Forest Path Tones

View all earth
Ancient Forest Hush
Ancient Forest Realm
Enchanted Forest Floor
Forest Floor Echoes
Forest Floor Emerald
Forest Floor Ephemera