Back to palettes

Palette

Whispering Willow Grove

Soft, muted greens evoke the gentle rustle of a whispering 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

#2E8B57#3CB371#6B8E23#8FBC8F#9ACD32

Palette guide

How to use Whispering Willow Grove

Overview

The Whispering Willow Grove palette features a vibrant yet natural collection of greens, evoking the fresh, calming essence of a lush forest. With deep emerald tones like #2E8B57 and brighter, lively hues such as #9ACD32, this palette is perfect for designs that require an organic and invigorating feel. Designers and developers can leverage the strong presence of #3CB371 for primary actions and the softer #8FBC8F for supportive elements, ensuring a harmonious and engaging user experience. This palette is ideal for conveying growth, vitality, and a fresh perspective.

Best used for

  • Outdoor adventure brands
  • Health and wellness apps
  • Sustainable living blogs
  • Educational materials about nature
  • Gardening and landscaping websites
  • Eco-conscious product lines

Suggested color roles

primary

#3CB371 - A balanced, fresh green ideal for primary brand elements, prominent headings, or call-to-action buttons.

secondary

#2E8B57 - A deep, rich green perfect for navigation bars, footers, or providing strong visual structure and depth.

accent

#9ACD32 - A lively, bright green that serves as an excellent accent for interactive elements, highlights, or to draw attention to key information.

background

#8FBC8F - A soft, muted green that can provide a subtle, calming backdrop, allowing content to stand out gently.

text

#2E8B57 - A dark, legible green that offers good contrast for body text on lighter backgrounds, maintaining the palette's natural vitality. A dark charcoal also pairs well.

Accessibility notes

  • Ensure sufficient contrast when using #8FBC8F as a background, especially with lighter text colors from the palette.
  • Pair darker shades like #2E8B57 or #3CB371 with #8FBC8F for optimal text readability.
  • Carefully check contrast if placing #9ACD32 text on a #8FBC8F background to meet WCAG AA standards.
  • Prioritize contrast for all interactive elements to ensure accessibility for users with varying visual abilities.

Recommended combinations

Forest Canopy

Excellent for creating a deep, immersive feel in headers, footers, or primary content blocks, conveying natural depth.

#2E8B57 · #3CB371 · #6B8E23

Fresh Growth

Ideal for light, energetic sections, content cards, or highlighting new features with a vibrant, fresh look.

#8FBC8F · #9ACD32 · #3CB371

Willow Accents

Effective for call-to-action buttons, interactive elements, and feature sections, balancing vibrancy with natural grounding.

#3CB371 · #9ACD32 · #2E8B57

CSS variables

:root {
  --whispering-willow-grove-7-1: #2E8B57;
  --whispering-willow-grove-7-2: #3CB371;
  --whispering-willow-grove-7-3: #6B8E23;
  --whispering-willow-grove-7-4: #8FBC8F;
  --whispering-willow-grove-7-5: #9ACD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-grove-7": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#8FBC8F",
        5: "#9ACD32",
      }
    }
  }
}

Related searches

lush green color palettevibrant nature colorscalm forest UI colorsfresh green brand identityearthy greens web design

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#8FBC8F
·
Color 5#9ACD32
·

Accessibility

Contrast checker

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

Similar palettes

More like Whispering Willow Grove

View all earth
Forest Whisper Green
Herbal Tea Steam
Whispering Pine Needles
Winter Fir Silence
Ancient Moss Whisper
Bamboo Grove Mist