Back to palettes

Palette

Forest Path Tones

A grounding palette inspired by the rich, varied textures and colors of a winding forest path.

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

#556B2F#8B4513#CD853F#D2B48C#6B8E23

Palette guide

How to use Forest Path Tones

Overview

The Forest Path Tones palette is a grounding collection inspired by the rich, varied textures and colors of a winding forest path. Featuring the deep #556B2F, robust #8B4513, vibrant #CD853F, warm #D2B48C, and fresh #6B8E23, this palette is perfect for designers and developers aiming to convey authenticity, natural warmth, and a connection to the outdoors. Its harmonious blend of olive greens, earthy browns, and a pop of sun-drenched orange allows for creating inviting and rustic compositions, ideal for projects seeking an organic and wholesome aesthetic in branding or digital experiences.

Best used for

  • Natural product branding and packaging
  • Outdoor lifestyle blogs and websites
  • Rustic event decor and design
  • Autumn harvest festival themes
  • Sustainable fashion and artisan crafts
  • Educational nature-themed applications

Suggested color roles

primary

Utilize #556B2F as the foundational deep olive green for main branding, headers, or significant graphical elements, offering stability.

secondary

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

accent

Employ #CD853F as a bright, earthy orange-brown pop for calls-to-action, key interactive elements, or vibrant illustrations.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast when pairing #CD853F text on backgrounds close to #D2B48C to maintain readability.
  • The darkest colors, #556B2F 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 #6B8E23 on #D2B48C to improve legibility.

Recommended combinations

Earthy Trail

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

#556B2F · #D2B48C · #8B4513

Autumn Glow

Perfect for secondary content, backgrounds, or illustrations, emphasizing warm browns and a vibrant, sun-kissed feel.

#8B4513 · #CD853F · #D2B48C

Organic Depth

Excellent for text-heavy sections or data visualization, providing strong contrast and a fresh, grounded aesthetic.

#556B2F · #6B8E23 · #D2B48C

CSS variables

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

Tailwind config

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

Related searches

earthy forest path colorsrustic nature color paletteolive green brown schemenatural woodland tonesautumn forest inspiration

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2:1Fail
3:1AA18
1.6:1Fail
2
1.2:1Fail
2.4:1Fail
3.6:1AA18
1.9:1Fail
3
2:1Fail
2.4:1Fail
1.5:1Fail
1.3:1Fail
4
3:1AA18
3.6:1AA18
1.5:1Fail
1.9:1Fail
5
1.6:1Fail
1.9:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Forest Path Tones

View all earth
Gentle Stream Pebbles
Mossy Forest Path
Mossy Grove Serene
Mossy Undergrowth Depth
Mystical Forest Floor
Verdant Floor Embrace