Palette

Whispering Forest Path

Soft light filtering through a dense, ancient forest canopy, a peaceful path unfolding with muted greens.

earthcalm5 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

#3A4C3A#5C775D#8DAF8C#C2DBC2#E6F0E6

Palette guide

How to use Whispering Forest Path

Overview

The Whispering Forest Path palette evokes the soft light filtering through a dense, ancient forest canopy, unfolding a peaceful path with muted greens. This natural and calm collection features deep, grounding greens like #3A4C3A and #5C775D, transitioning to lighter, airy tones such as #8DAF8C, #C2DBC2, and the almost-white #E6F0E6. This palette is exceptionally useful for designers and developers seeking to create serene, eco-friendly, or wellness-oriented digital and physical products. It offers a harmonious blend that promotes a sense of tranquility and natural elegance, perfect for interfaces that prioritize user calm and clarity.

Best used for

Eco-friendly and sustainable brand identities
Wellness and meditation application interfaces
Botanical and nature-inspired digital art
Serene home goods and interior design websites
Health and organic food packaging
Educational content focused on nature

Suggested color roles

primary

Use #3A4C3A for a deep, grounding foundation in headers or navigation, or #5C775D for a rich, natural primary color conveying stability.

secondary

Employ #8DAF8C as a soft, harmonious secondary color, ideal for background sections or supportive graphic elements.

accent

Introduce #C2DBC2 as a light, fresh accent for interactive elements or subtle highlights, mimicking dappled sunlight.

background

Opt for #E6F0E6 for a clean, airy canvas that feels natural, or #C2DBC2 for a gentle, muted green base.

text

Pair a dark, readable color like #3A4C3A or a deep charcoal for body text on lighter backgrounds to ensure excellent readability and maintain the natural aesthetic.

Accessibility notes

Ensure #3A4C3A text on #E6F0E6 or #C2DBC2 backgrounds meets WCAG AA contrast standards.
Be cautious using #8DAF8C for small text on #C2DBC2 backgrounds due to potential low contrast.
Lighter greens like #C2DBC2 and #E6F0E6 should primarily be used for backgrounds or large graphical elements.
For interactive elements, ensure sufficient contrast between the color and its surrounding background.

Recommended combinations

Forest Canopy Depth

Creates a rich, layered green experience, perfect for conveying depth and natural growth in branding or large content blocks.

#3A4C3A · #5C775D · #8DAF8C

Gentle Path Light

Ideal for clean, airy interfaces or light backgrounds, with #8DAF8C providing a soft, natural anchor.

#C2DBC2 · #E6F0E6 · #8DAF8C

Natural Gradient

Excellent for creating visual hierarchy or subtle transitions, combining deep, light, and mid-tone greens harmoniously.

#3A4C3A · #C2DBC2 · #5C775D

CSS variables

:root {
  --whispering-forest-path-2-1: #3A4C3A;
  --whispering-forest-path-2-2: #5C775D;
  --whispering-forest-path-2-3: #8DAF8C;
  --whispering-forest-path-2-4: #C2DBC2;
  --whispering-forest-path-2-5: #E6F0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-forest-path-2": {
        1: "#3A4C3A",
        2: "#5C775D",
        3: "#8DAF8C",
        4: "#C2DBC2",
        5: "#E6F0E6",
      }
    }
  }
}

Hex values

Color 1#3A4C3A

Color 2#5C775D

Color 3#8DAF8C

Color 4#C2DBC2

Color 5#E6F0E6

Accessibility

Contrast checker

1.9:1Fail

3.8:1AA18

6.2:1AA

7.9:1AAA

1.9:1Fail

2:1Fail

3.3:1AA18

4.2:1AA18

3.8:1AA18

2:1Fail

1.6:1Fail

2.1:1Fail

6.2:1AA

3.3:1AA18

1.6:1Fail

1.3:1Fail

7.9:1AAA

4.2:1AA18

2.1:1Fail

1.3:1Fail

Similar palettes

More like Whispering Forest Path

View all earth

Misty Forest Clearing

Whispering Cypress Grove