Back to palettes

Palette

Whispering Willow Shade

Muted greens and soft greys evoking the gentle, dappled light under a weeping willow tree.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#696969#708090#A2B29F#8FBC8F#6B8E23

Palette guide

How to use Whispering Willow Shade

Overview

The Whispering Willow Shade palette offers a blend of muted greens and soft greys, evoking the gentle, dappled light under a weeping willow tree. With grounding tones like #696969 and the natural freshness of #6B8E23, this palette is perfect for designs seeking a calm, sophisticated, and organic feel. Designers and developers can utilize the balanced #708090 for secondary elements and the soothing #A2B29F for versatile backgrounds, ensuring a harmonious and inviting user experience. This palette is ideal for conveying understated elegance, tranquility, and a connection to nature.

Best used for

  • Minimalist branding
  • Architectural design portfolios
  • High-end natural product lines
  • Meditation and mindfulness apps
  • Sustainable living websites
  • Urban garden design concepts

Suggested color roles

primary

#6B8E23 - A rich, olive green that can serve as a sophisticated primary color for brand elements, headings, or key graphical components.

secondary

#708090 - A soft, cool grey perfect for subheadings, secondary buttons, or providing subtle depth without overwhelming the greens.

accent

#8FBC8F - A light, muted green that serves as an excellent accent for subtle highlights, interactive elements, or to gently draw attention.

background

#A2B29F - A very light, muted green-grey that provides a clean, calm, and expansive canvas for content, enhancing readability.

text

#696969 - A dark, versatile grey that offers excellent contrast for body text on lighter backgrounds like #A2B29F, maintaining the palette's sophisticated feel.

Accessibility notes

  • Ensure sufficient contrast for text when using #A2B29F or #8FBC8F as backgrounds, especially with similar light text colors.
  • Pair the darkest shade #696969 with #A2B29F for optimal text readability and WCAG AA compliance.
  • Avoid using #8FBC8F for small text on #A2B29F backgrounds without thorough contrast checking.
  • Always verify contrast ratios for all text and interactive elements to ensure broad accessibility.

Recommended combinations

Dappled Grey

Ideal for creating a sophisticated, muted base in headers, footers, or primary content blocks, evoking calm depth.

#696969 · #708090 · #A2B29F

Willow Greenery

Perfect for light, natural interfaces, backgrounds, and subtle design elements that need a fresh and gentle feel.

#A2B29F · #8FBC8F · #6B8E23

Shade Accents

Effective for main content areas, interactive components, and feature sections, balancing softness with clear definition.

#6B8E23 · #8FBC8F · #708090

CSS variables

:root {
  --whispering-willow-shade-3-1: #696969;
  --whispering-willow-shade-3-2: #708090;
  --whispering-willow-shade-3-3: #A2B29F;
  --whispering-willow-shade-3-4: #8FBC8F;
  --whispering-willow-shade-3-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-shade-3": {
        1: "#696969",
        2: "#708090",
        3: "#A2B29F",
        4: "#8FBC8F",
        5: "#6B8E23",
      }
    }
  }
}

Related searches

muted green grey palettecalm natural colorsserene UI design greenssophisticated earthy toneswillow tree color scheme

Palette colors

Hex values

Color 1#696969
·
Color 2#708090
·
Color 3#A2B29F
·
Color 4#8FBC8F
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
2.6:1Fail
1.4:1Fail
2
1.4:1Fail
1.8:1Fail
1.9:1Fail
1.1:1Fail
3
2.5:1Fail
1.8:1Fail
1:1Fail
1.7:1Fail
4
2.6:1Fail
1.9:1Fail
1:1Fail
1.8:1Fail
5
1.4:1Fail
1.1:1Fail
1.7:1Fail
1.8:1Fail

Similar palettes

More like Whispering Willow Shade

View all earth
Matcha Ceremonial Blend
Matcha Ceremony Peace
Matcha Tea Ceremony
Tranquil Bamboo Grove
Whispering Bamboo Grove
Ancient Moss Whisper