Back to palettes

Palette

Whispering Willows

Soft and hushed greens, recalling the gentle rustling leaves of weeping willow trees by a quiet stream.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A2C0B5#BCCDC0#D2DDD4#8BA69D#769086

Palette guide

How to use Whispering Willows

Overview

The "Whispering Willows" palette presents a harmonious collection of muted, earthy greens, perfect for evoking a sense of quiet calm and natural elegance. Featuring the soft #A2C0B5, the slightly lighter #BCCDC0, and the delicate #D2DDD4, this palette is grounded by the deeper, more profound tones of #8BA69D and #769086. This selection is ideal for designers seeking to create a sophisticated, understated aesthetic that feels organic and inviting. Its subtle variations in green allow for depth and visual interest without overwhelming, making it highly versatile for conveying serenity and timeless appeal.

Best used for

  • Sophisticated eco-friendly branding
  • Interior design for minimalist spaces
  • Premium organic product packaging
  • Art and photography portfolios
  • Serene digital interfaces
  • Apparel and textile design

Suggested color roles

primary

#769086 provides a strong, grounding foundation for key elements like headers or prominent sections.

secondary

Use #8BA69D for subheadings, important textual content, or larger background panels to maintain depth.

accent

#A2C0B5 works well for subtle interactive elements, iconography, or gentle highlights.

background

#D2DDD4 offers a soft, muted canvas that is easy on the eyes and complements the darker greens.

text

A deep charcoal or black is recommended for text on #D2DDD4. For darker backgrounds, #D2DDD4 provides good contrast.

Accessibility notes

  • Ensure sufficient contrast when using #A2C0B5 or #BCCDC0 for text on #D2DDD4, as they are close in luminance.
  • For interactive elements, consider using a slightly darker shade from the palette or a distinct underline for clarity.
  • Text on #769086 or #8BA69D should be light, such as #D2DDD4, to ensure good readability.
  • Avoid using #D2DDD4 text on #BCCDC0 for critical information due to low contrast.

Recommended combinations

Forest Hush

Creates a deep, natural look with a light, readable background, suitable for branding.

#769086 · #8BA69D · #D2DDD4

Soft Foliage

Ideal for subtle, almost monochromatic designs, perfect for background textures or soft gradients.

#A2C0B5 · #BCCDC0 · #D2DDD4

Willow Depth

Offers a clear hierarchy with a strong dark, a mid-tone, and a gentle light for balanced layouts.

#769086 · #A2C0B5 · #D2DDD4

CSS variables

:root {
  --whispering-willows-1: #A2C0B5;
  --whispering-willows-2: #BCCDC0;
  --whispering-willows-3: #D2DDD4;
  --whispering-willows-4: #8BA69D;
  --whispering-willows-5: #769086;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willows": {
        1: "#A2C0B5",
        2: "#BCCDC0",
        3: "#D2DDD4",
        4: "#8BA69D",
        5: "#769086",
      }
    }
  }
}

Related searches

muted green color palettecalm forest colorsdelicate nature aestheticserene green brandingunderstated earthy tones

Palette colors

Hex values

Color 1#A2C0B5
·
Color 2#BCCDC0
·
Color 3#D2DDD4
·
Color 4#8BA69D
·
Color 5#769086
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.3:1Fail
1.8:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2.1:1Fail
3
1.4:1Fail
1.2:1Fail
1.9:1Fail
2.5:1Fail
4
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.3:1Fail
5
1.8:1Fail
2.1:1Fail
2.5:1Fail
1.3:1Fail

Similar palettes

More like Whispering Willows

View all cool
Ethereal Wood Nymph
Juniper Hush
Mossy Stone Retreat
Winter Forest Hush
Woodland Shroud Hues
Alpine Lake Serene