Back to palettes

Palette

Whispering Willow Grove

A tranquil blend evoking the serene greens and gentle grays of a shaded willow grove.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3CB371#6B8E23#8FBC8F#A9A9A9#D3D3D3

Palette guide

How to use Whispering Willow Grove

Overview

The Whispering Willow Grove palette offers a tranquil blend of serene greens and gentle grays, evoking a shaded, peaceful woodland scene. With vibrant yet natural greens like #3CB371 and the earthy #6B8E23, complemented by the cool neutrality of #A9A9A9 and #D3D3D3, this palette creates a balanced and sophisticated natural aesthetic. It's an ideal choice for designers and developers creating modern rustic, eco-conscious, or peaceful digital experiences. The interplay of organic greens and grounding grays offers versatility for both vibrant brand identities and calm, functional interfaces.

Best used for

  • Environmental and conservation organization branding
  • Modern rustic interior design concepts
  • Nature-inspired tech and software interfaces
  • Sustainable living and eco-friendly product lines
  • Peaceful and calming website themes
  • Outdoor lifestyle and adventure brands

Suggested color roles

primary

Use #3CB371 as a vibrant primary color, conveying freshness and growth in key brand elements.

secondary

Apply #6B8E23 for secondary backgrounds or organic textures, adding earthy depth.

accent

Introduce #A9A9A9 as a sophisticated accent, perfect for subtle UI elements or text.

background

Employ #D3D3D3 as a light, neutral grey background, offering a clean and stable canvas.

text

A deep charcoal or dark forest green provides excellent contrast and complements the palette's natural tones.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #A9A9A9 on lighter backgrounds like #D3D3D3.
  • Pair darker text colors (e.g., #3CB371 or a deep grey) with #D3D3D3 or #A9A9A9 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

Grove Fresh

Creates a lively, fresh, and grounded composition, ideal for vibrant natural branding.

#3CB371 · #6B8E23 · #D3D3D3

Stone Path

Offers a clean, modern, and serene aesthetic with a focus on cool neutrals and soft green accents.

#A9A9A9 · #D3D3D3 · #8FBC8F

Earthy Blend

A harmonious and layered blend of greens, perfect for evoking a rich, organic environment.

#6B8E23 · #8FBC8F · #3CB371

CSS variables

:root {
  --whispering-willow-grove-2-1: #3CB371;
  --whispering-willow-grove-2-2: #6B8E23;
  --whispering-willow-grove-2-3: #8FBC8F;
  --whispering-willow-grove-2-4: #A9A9A9;
  --whispering-willow-grove-2-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-grove-2": {
        1: "#3CB371",
        2: "#6B8E23",
        3: "#8FBC8F",
        4: "#A9A9A9",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

green grey palettewillow grove colorstranquil nature schememodern earthy designpeaceful green branding

Palette colors

Hex values

Color 1#3CB371
·
Color 2#6B8E23
·
Color 3#8FBC8F
·
Color 4#A9A9A9
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.8:1Fail
2
1.4:1Fail
1.8:1Fail
1.6:1Fail
2.5:1Fail
3
1.2:1Fail
1.8:1Fail
1.1:1Fail
1.4:1Fail
4
1.1:1Fail
1.6:1Fail
1.1:1Fail
1.6:1Fail
5
1.8:1Fail
2.5:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Whispering Willow Grove

View all earth
Ancient Forest Hearth
Ancient Grove Calm
Delta Murmur
Enchanted Forest Mist
Jade Mountain Sanctuary
Mystic Herb Garden