Palette

Whispering Forest Path

Reflects the serene, shadowed paths of an ancient forest as autumn arrives with its muted colors.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36453B#6B8E23#A52A2A#D2B48C#8B4513

Palette guide

How to use Whispering Forest Path

Overview

The Whispering Forest Path palette reflects the serene, shadowed paths of an ancient forest as autumn arrives with its muted colors. This earthy collection combines a deep, mysterious green, #36453B, with a vibrant olive, #6B8E23, and a rich, earthy red, #A52A2A. Warm, inviting neutrals like #D2B48C and a deep brown, #8B4513, complete the set. Designers and developers can utilize this palette to craft experiences that evoke rustic charm, autumnal beauty, or a sense of grounded heritage. It's particularly effective for projects requiring a blend of natural vibrancy and comforting warmth, from digital storytelling to product design.

Best used for

Autumnal and seasonal marketing campaigns
Rustic and vintage-themed websites
Outdoor adventure and travel branding
Heritage brands and artisanal product design
Cozy cafe or restaurant interior concepts
Content related to nature and conservation

Suggested color roles

primary

Use #6B8E23 for a vibrant, natural primary color, or #A52A2A for a bold, earthy focal point that commands attention.

secondary

Employ #D2B48C as a warm, inviting neutral secondary color, excellent for backgrounds or supportive text elements.

accent

Introduce #8B4513 for deep, grounding accents in buttons or borders, or use #A52A2A as a striking highlight.

background

Choose #D2B48C for a warm, inviting background, or #36453B for a deep, moody canvas that emphasizes other colors.

text

Pair a very dark color like #36453B or a deep charcoal for body text on lighter backgrounds to ensure readability. Use #D2B48C for text on dark backgrounds.

Accessibility notes

Ensure high contrast when placing text on #D2B48C, especially with other light hues.
Use #36453B or a similar dark shade for text on #D2B48C to meet WCAG AA standards.
Be mindful of #6B8E23's contrast against #A52A2A if used in close proximity for text or small elements.
Avoid using #D2B48C text on #6B8E23 as the contrast might be too low for optimal readability.

Recommended combinations

Autumn Foliage

Evokes vibrant fall colors, perfect for seasonal campaigns, bold headers, or visually rich infographics.

#6B8E23 · #A52A2A · #8B4513

Woodland Earth

Creates a grounded, rustic feel, ideal for backgrounds, navigation bars, or elements requiring a strong, natural presence.

#36453B · #D2B48C · #8B4513

Rustic Warmth

A balanced combination for warmth and natural elegance, suitable for call-to-action buttons or highlighted content sections.

#A52A2A · #D2B48C · #6B8E23

CSS variables

:root {
  --whispering-forest-path-1: #36453B;
  --whispering-forest-path-2: #6B8E23;
  --whispering-forest-path-3: #A52A2A;
  --whispering-forest-path-4: #D2B48C;
  --whispering-forest-path-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-forest-path": {
        1: "#36453B",
        2: "#6B8E23",
        3: "#A52A2A",
        4: "#D2B48C",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#36453B

Color 2#6B8E23

Color 3#A52A2A

Color 4#D2B48C

Color 5#8B4513

Accessibility

Contrast checker

2.7:1Fail

1.4:1Fail

5.1:1AA

1.4:1Fail

2.7:1Fail

1.9:1Fail

1.4:1Fail

1.9:1Fail

3.6:1AA18

1:1Fail

5.1:1AA

1.9:1Fail

3.6:1AA18

1.4:1Fail

1.9:1Fail

1:1Fail

3.6:1AA18

Similar palettes

More like Whispering Forest Path

Whispering Forest Path

See it in context.

Ready when you are.

Built with Whispering Forest Path.

How to use Whispering Forest Path

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Autumn Foliage

Woodland Earth

Rustic Warmth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whispering Forest Path