Palette

Forest Whisper Canopy

A deep, contemplative palette reflecting the ancient, quiet mystery of a sun-dappled forest floor.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Whisper Canopy 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 Whisper Canopy.

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

Data visualization

#3A5743#6B8F6C#A2C498#D9EBDC#5C7A65

Palette guide

How to use Forest Whisper Canopy

Overview

The Forest Whisper Canopy palette reflects the ancient, quiet mystery of a sun-dappled forest floor, offering a deep, contemplative range of organic greens. From the grounding #3A5743 to the airy #D9EBDC, this collection delivers a serene and natural gradient. Mid-tones like #6B8F6C, #5C7A65, and #A2C498 provide harmonious transitions, evoking the nuanced shades of leaves and moss under a gentle light. Designers and developers can utilize this palette to craft calm, inviting, and sophisticated digital experiences. It's perfectly suited for branding that emphasizes tranquility, sustainability, or natural elegance, creating a visual narrative that feels both peaceful and deeply rooted.

Best used for

Eco-conscious architectural portfolios
Mindful living product branding
Nature-themed editorial designs
Sustainable technology interfaces
Woodland wedding stationery
Conservation organization websites

Suggested color roles

primary

#3A5743 (Deep Canopy) - A strong, anchoring dark green, ideal for main backgrounds, headers, or a sophisticated brand foundation.

secondary

#6B8F6C (Forest Moss) - A versatile mid-tone for content sections, cards, or secondary navigation, offering a soft contrast.

accent

#A2C498 (Sun Dappled) - A bright, refreshing highlight for interactive elements, icons, or subtle decorative touches, suggesting light.

background

#D9EBDC (Whisper Light) - A very light, almost white-green, perfect for clean, breathable content areas or overall background.

text

#5C7A65 (Shaded Leaf) - Use for headings or larger text on lighter backgrounds; for body text on #D9EBDC, a dark charcoal or black is recommended.

Accessibility notes

#D9EBDC is very light; ensure all text on it uses a very dark color (e.g., #3A5743 or black) for contrast.
Avoid using #A2C498 for small text on #D9EBDC, as contrast will be insufficient.
Check contrast ratios for all text and interactive elements, especially when using lighter shades together.
For interactive elements on darker backgrounds, use #A2C498 or #D9EBDC to ensure visibility.

Recommended combinations

Deep Canopy Shade

Creates a rich, layered depth for immersive dark-themed sections or strong brand statements.

#3A5743 · #5C7A65 · #6B8F6C

Dappled Light Path

A light and airy combination, perfect for clean layouts, headers, or welcoming user interfaces.

#D9EBDC · #A2C498 · #6B8F6C

Whisper Highlight

Provides a gentle yet clear contrast for calls-to-action or important content against a darker base.

#3A5743 · #A2C498 · #5C7A65

CSS variables

:root {
  --forest-whisper-canopy-1: #3A5743;
  --forest-whisper-canopy-2: #6B8F6C;
  --forest-whisper-canopy-3: #A2C498;
  --forest-whisper-canopy-4: #D9EBDC;
  --forest-whisper-canopy-5: #5C7A65;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-whisper-canopy": {
        1: "#3A5743",
        2: "#6B8F6C",
        3: "#A2C498",
        4: "#D9EBDC",
        5: "#5C7A65",
      }
    }
  }
}

Hex values

Color 1#3A5743

Color 2#6B8F6C

Color 3#A2C498

Color 4#D9EBDC

Color 5#5C7A65

Accessibility

Contrast checker

2.2:1Fail

4.1:1AA18

6.4:1AA

1.7:1Fail

2.2:1Fail

1.9:1Fail

2.9:1Fail

1.3:1Fail

4.1:1AA18

1.9:1Fail

1.5:1Fail

2.5:1Fail

6.4:1AA

2.9:1Fail

1.5:1Fail

3.8:1AA18

1.7:1Fail

1.3:1Fail

2.5:1Fail

3.8:1AA18

Similar palettes

More like Forest Whisper Canopy

View all earth

Enchanted Forest Lumina

Botanical Study Greens