Back to palettes

Palette

Whispering Willow Grove

Muted greens and soft grey-browns reflect the peaceful, shaded quietude of an old willow tree sanctuary.

earthnatural5 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

#5C6F5A#8EA38C#B4C5B3#D6DED7#F0F3EF

Palette guide

How to use Whispering Willow Grove

Overview

The Whispering Willow Grove palette captures the peaceful, shaded quietude of an old willow tree sanctuary with its muted greens and soft grey-browns. Featuring grounding tones like #5C6F5A and airy, delicate shades such as #F0F3EF, this palette is ideal for designs aiming for understated elegance and natural serenity. Designers and developers can utilize #8EA38C for balanced primary elements and #B4C5B3 for versatile backgrounds, ensuring a harmonious and calming user experience across various digital and print applications. Its gentle nature promotes a sense of calm and organic sophistication.

Best used for

  • High-end spa branding
  • Minimalist interior design concepts
  • Yoga and meditation app interfaces
  • Art gallery websites
  • Sustainable luxury product packaging
  • Gentle educational content

Suggested color roles

primary

#5C6F5A - A deep, sophisticated green-gray that can anchor the design, suitable for primary brand elements, headers, or strong graphical components.

secondary

#8EA38C - A softer, balanced green-gray perfect for subheadings, secondary buttons, or background textures that need a gentle presence.

accent

#B4C5B3 - A light, muted green-gray that serves as an excellent accent for subtle highlights, interactive elements, or to break up larger content blocks gently.

background

#F0F3EF - A very light, almost off-white with a hint of green, creating a clean, airy, and serene canvas for all content, enhancing readability.

text

#5C6F5A - An excellent choice for body text on light backgrounds like #F0F3EF, offering strong legibility and maintaining the palette's sophisticated, natural tone. A dark charcoal also works well.

Accessibility notes

  • Ensure sufficient contrast for text when using #D6DED7 or #F0F3EF as backgrounds, especially with lighter text colors.
  • Pair the darkest shade #5C6F5A with the lightest #F0F3EF for optimal text readability and WCAG AA compliance.
  • Avoid using #B4C5B3 for small text on #D6DED7 backgrounds without thorough contrast checking.
  • Always verify contrast ratios for all text and interactive elements to ensure broad accessibility.

Recommended combinations

Shaded Sanctuary

Ideal for creating a deep, serene foundation in headers, footers, or primary content blocks, evoking calm depth.

#5C6F5A · #8EA38C · #B4C5B3

Gentle Breeze

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

#F0F3EF · #D6DED7 · #B4C5B3

Willow Accents

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

#8EA38C · #B4C5B3 · #5C6F5A

CSS variables

:root {
  --whispering-willow-grove-1: #5C6F5A;
  --whispering-willow-grove-2: #8EA38C;
  --whispering-willow-grove-3: #B4C5B3;
  --whispering-willow-grove-4: #D6DED7;
  --whispering-willow-grove-5: #F0F3EF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-grove": {
        1: "#5C6F5A",
        2: "#8EA38C",
        3: "#B4C5B3",
        4: "#D6DED7",
        5: "#F0F3EF",
      }
    }
  }
}

Related searches

muted green grey palettenatural serene colorssubtle earthy UI designgentle forest color schemecalm sophisticated palette

Palette colors

Hex values

Color 1#5C6F5A
·
Color 2#8EA38C
·
Color 3#B4C5B3
·
Color 4#D6DED7
·
Color 5#F0F3EF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3:1Fail
3.9:1AA18
4.8:1AA
2
2:1Fail
1.5:1Fail
2:1Fail
2.4:1Fail
3
3:1Fail
1.5:1Fail
1.3:1Fail
1.6:1Fail
4
3.9:1AA18
2:1Fail
1.3:1Fail
1.2:1Fail
5
4.8:1AA
2.4:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Whispering Willow Grove

View all earth
Enchanted Moss Garden
Forest Floor Echo
Mossy Grove Serene
Mystic Woodland Path
Ancient Forest Hush
Ancient Forest Realm