Back to palettes

Palette

Whispering Willow Brook

Soft greens evoke a peaceful scene by a hidden brook, where willows gently sway.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Willow Brook 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 Willow Brook.

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

Data visualization

#a0c399#78a873#518d4d#3b6d3b#224f22

Palette guide

How to use Whispering Willow Brook

Overview

The Whispering Willow Brook palette evokes a peaceful scene by a hidden brook, where willows gently sway with its range of soft to deep greens. Anchored by the balanced #518d4d, complemented by the lighter #a0c399 and the rich depth of #224f22, this collection is profoundly natural and calming. The gradual progression of greens provides a sense of organic growth and tranquility. This palette is excellent for designers and developers crafting experiences that require a connection to nature, environmental themes, or a sophisticated yet serene aesthetic for digital or physical products.

Best used for

  • Outdoor adventure and exploration brands
  • Conservation and environmental non-profits
  • Organic food and natural product packaging
  • Forest-themed interior design concepts
  • Nature photography portfolios
  • Sustainable living and eco-tourism websites

Suggested color roles

primary

Use #518d4d as a foundational primary color, representing growth and natural stability in branding.

secondary

Apply #78a873 for secondary elements or as a lighter foliage accent, adding visual interest.

accent

Introduce #224f22 as a deep, grounding accent, perfect for strong calls-to-action or footer elements.

background

Employ #a0c399 as a soft, muted green background, offering a gentle and natural base.

text

A clean off-white or light cream provides excellent contrast and readability against these rich greens.

Accessibility notes

  • Ensure sufficient contrast when using #a0c399 for text on any of the darker greens.
  • Pair lighter text (e.g., off-white) with #3b6d3b or #224f22 for optimal readability.
  • Avoid using similar mid-tones for text and background to prevent visual strain.
  • Test all interactive element color combinations against WCAG standards.

Recommended combinations

Forest Depth

Creates a rich, layered, and immersive forest feel, ideal for robust natural branding.

#518D4D · #3B6D3B · #224F22

Brookside Fresh

Evokes a lighter, more airy natural scene, perfect for inviting and gentle designs.

#A0C399 · #78A873 · #518D4D

Grounded Nature

Combines deep foundations with lighter accents, creating a balanced and serene natural look.

#224F22 · #78A873 · #A0C399

CSS variables

:root {
  --whispering-willow-brook-1: #a0c399;
  --whispering-willow-brook-2: #78a873;
  --whispering-willow-brook-3: #518d4d;
  --whispering-willow-brook-4: #3b6d3b;
  --whispering-willow-brook-5: #224f22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-brook": {
        1: "#a0c399",
        2: "#78a873",
        3: "#518d4d",
        4: "#3b6d3b",
        5: "#224f22",
      }
    }
  }
}

Related searches

deep green color paletteforest green schemenatural brook colorsorganic green tonesserene nature branding

Palette colors

Hex values

Color 1#a0c399
·
Color 2#78a873
·
Color 3#518d4d
·
Color 4#3b6d3b
·
Color 5#224f22
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
4.9:1AA
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.5:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.6:1Fail
5
4.9:1AA
3.5:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Whispering Willow Brook

View all earth
Bamboo Grove
Mystic Willow Shade
Whispering Willow Path
Ancient Grove Calm
Ancient Moss Rune
Ancient Moss Whisper