Palette

Whispering Willow Green

Soft, muted greens that evoke the gentle, swaying leaves of a willow tree in a tranquil breeze.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F6B4F#6D8A6D#8BA98A#A9C8A8#C7E7C7

Palette guide

How to use Whispering Willow Green

Overview

The Whispering Willow Green palette presents a harmonious range of soft, muted greens that evoke the gentle, swaying leaves of a willow tree in a tranquil breeze. From the deep #4F6B4F to the airy #C7E7C7, and the balanced #8BA98A, this collection offers a calming and organic aesthetic. It's a versatile choice for designers and developers seeking to create serene, eco-conscious, or natural-themed interfaces and branding. The subtle variations allow for depth and visual interest while maintaining a cohesive and peaceful atmosphere, ideal for promoting wellness and sustainability.

Best used for

Eco-conscious and sustainable brand identities
Wellness and meditation app interfaces
Natural home decor and textile design
Organic food and beverage branding
Calming website themes for lifestyle blogs
Environmental education materials

Suggested color roles

primary

Use #6D8A6D as a balanced primary color, versatile for conveying natural and calm themes across platforms.

secondary

Apply #4F6B4F for secondary backgrounds or deeper graphical elements, providing grounding and depth.

accent

Introduce #A9C8A8 as a lighter accent, perfect for subtle highlights, icons, or calls-to-action.

background

Employ #C7E7C7 as a very pale, airy green background, offering a clean and expansive canvas.

text

A dark grey or deep forest green provides excellent contrast and complements the muted green tones.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter greens like #C7E7C7 as backgrounds.
Pair darker text colors (e.g., #4F6B4F or a deep charcoal) with #A9C8A8 or #C7E7C7 for readability.
Avoid using #C7E7C7 for small text on similarly light backgrounds to prevent visibility issues.
Test all interactive element color combinations against WCAG contrast guidelines.

Recommended combinations

Gentle Gradient

Creates a smooth, flowing transition of light greens, ideal for soft UI elements or backgrounds.

#C7E7C7 · #A9C8A8 · #8BA98A

Forest Edge

Offers a layered, natural depth, perfect for evoking a peaceful woodland scene.

#4F6B4F · #6D8A6D · #A9C8A8

Tranquil Blend

A harmonious and calming combination, suitable for serene branding or user interfaces.

#6D8A6D · #8BA98A · #C7E7C7

CSS variables

:root {
  --whispering-willow-green-2-1: #4F6B4F;
  --whispering-willow-green-2-2: #6D8A6D;
  --whispering-willow-green-2-3: #8BA98A;
  --whispering-willow-green-2-4: #A9C8A8;
  --whispering-willow-green-2-5: #C7E7C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-green-2": {
        1: "#4F6B4F",
        2: "#6D8A6D",
        3: "#8BA98A",
        4: "#A9C8A8",
        5: "#C7E7C7",
      }
    }
  }
}

Hex values

Color 1#4F6B4F

Color 2#6D8A6D

Color 3#8BA98A

Color 4#A9C8A8

Color 5#C7E7C7

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

3.2:1AA18

4.4:1AA18

1.6:1Fail

1.5:1Fail

2.1:1Fail

2.8:1Fail

2.3:1Fail

1.5:1Fail

1.4:1Fail

1.9:1Fail

3.2:1AA18

2.1:1Fail

1.4:1Fail

4.4:1AA18

2.8:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Whispering Willow Green

Whispering Willow Green

See it in context.

Ready when you are.

Built with Whispering Willow Green.

How to use Whispering Willow Green

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Gentle Gradient

Forest Edge

Tranquil Blend

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whispering Willow Green