Palette

Whispering Willow Shade

Soft and gentle greens reflecting the peaceful, dappled light beneath a weeping willow tree.

coolcalm5 colors

More cool 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

#5C7A65#8FBC8F#C0DDC0#E8F5E8#4A6C58

Palette guide

How to use Whispering Willow Shade

Overview

The Whispering Willow Shade palette offers soft and gentle greens, reflecting the peaceful, dappled light beneath a weeping willow tree. With deep, calming tones like #4A6C58 and delicate, airy shades such as #E8F5E8, this palette is ideal for designs aiming for serenity, nature-inspired tranquility, and understated elegance. Designers and developers can leverage the balanced #5C7A65 for primary elements and the soothing #C0DDC0 for versatile backgrounds, ensuring a harmonious and inviting user experience. This palette is perfect for conveying a sense of calm, freshness, and organic sophistication across various platforms.

Best used for

Spa and wellness branding
Meditation and relaxation apps
Eco-friendly product packaging
Botanical garden websites
Calm interior design visualization
Gentle educational content for children

Suggested color roles

primary

#5C7A65 - A balanced, deep green that can anchor the design, suitable for primary brand elements, headers, or key graphical components.

secondary

#4A6C58 - A darker, grounding green perfect for navigation bars, footers, or providing strong visual structure without being harsh.

accent

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

background

#E8F5E8 - A very light, almost off-white green that creates a clean, airy, and serene canvas for all content, enhancing readability.

text

#4A6C58 - An excellent choice for body text on light backgrounds like #E8F5E8, offering strong legibility and maintaining the palette's natural, calm tone. A dark charcoal also works well.

Accessibility notes

Ensure sufficient contrast for text when using #C0DDC0 or #E8F5E8 as backgrounds, especially with lighter green text colors.
Pair the darkest shade #4A6C58 with the lightest #E8F5E8 for optimal text readability and WCAG AA compliance.
Avoid using #8FBC8F for small text on #C0DDC0 backgrounds without thorough contrast checking.
Always verify contrast ratios for all text and interactive elements to ensure broad accessibility.

Recommended combinations

Deep Shade

Excellent for creating a strong, natural foundation in headers, footers, or primary content blocks, evoking calm depth.

#4A6C58 · #5C7A65 · #8FBC8F

Dappled Light

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

#E8F5E8 · #C0DDC0 · #8FBC8F

Willow Accents

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

#5C7A65 · #8FBC8F · #C0DDC0

CSS variables

:root {
  --whispering-willow-shade-1: #5C7A65;
  --whispering-willow-shade-2: #8FBC8F;
  --whispering-willow-shade-3: #C0DDC0;
  --whispering-willow-shade-4: #E8F5E8;
  --whispering-willow-shade-5: #4A6C58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-shade": {
        1: "#5C7A65",
        2: "#8FBC8F",
        3: "#C0DDC0",
        4: "#E8F5E8",
        5: "#4A6C58",
      }
    }
  }
}

Hex values

Color 1#5C7A65

Color 2#8FBC8F

Color 3#C0DDC0

Color 4#E8F5E8

Color 5#4A6C58

Accessibility

Contrast checker

2.2:1Fail

3.2:1AA18

4.2:1AA18

1.2:1Fail

2.2:1Fail

1.5:1Fail

1.9:1Fail

2.7:1Fail

3.2:1AA18

1.5:1Fail

1.3:1Fail

4:1AA18

4.2:1AA18

1.9:1Fail

1.3:1Fail

5.2:1AA

1.2:1Fail

2.7:1Fail

4:1AA18

5.2:1AA

Similar palettes

More like Whispering Willow Shade

View all cool

Emerald Bough Serene

Emerald Lake Depths

Evergreen Forest Retreat

Forest Canopy Glimmer

Highland Mist Green

Ice Cave Glow