Back to palettes

Palette

Whispering Willow Grove

Soft, subdued greens capture the gentle tranquility of a sun-dappled willow grove.

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

#4F6B4C#8D9E71#B3C1A1#3E573C#6A7B5E

Palette guide

How to use Whispering Willow Grove

Overview

The Whispering Willow Grove palette presents a collection of soft, subdued greens that capture the gentle tranquility of a sun-dappled willow grove. Featuring grounding tones like #3E573C and more vibrant but still natural greens such as #8D9E71, this palette is excellent for projects seeking an organic and serene feel. Designers and developers can utilize the versatility of #B3C1A1 for clean backgrounds and #4F6B4C for prominent elements, ensuring a harmonious and inviting user experience across various platforms. Its earthy depth offers a comforting visual appeal.

Best used for

  • Organic food branding
  • Nature-themed websites
  • Environmental non-profit materials
  • Relaxation app design
  • Botanical garden signage
  • Sustainable fashion branding

Suggested color roles

primary

#4F6B4C - A rich, deep green that can anchor the design, suitable for primary brand elements, headers, or key graphical components.

secondary

#6A7B5E - A muted, earthy green that complements the primary, ideal for secondary buttons, subheadings, or background textures.

accent

#8D9E71 - A brighter, yet still natural green, perfect for call-to-action buttons, interactive elements, or subtle highlights that need to stand out gently.

background

#B3C1A1 - A very light, soft green that provides an excellent, soothing canvas for content, ensuring readability and a fresh, open feel.

text

#3E573C - A dark, grounding green that offers excellent contrast for body text on lighter backgrounds like #B3C1A1, maintaining the palette's natural integrity.

Accessibility notes

  • Ensure sufficient contrast for text when using #B3C1A1 as a background, especially with lighter text colors.
  • Pair darker greens like #3E573C with lighter shades such as #B3C1A1 for optimal text legibility.
  • Carefully check contrast if placing #8D9E71 text on a #B3C1A1 background to meet WCAG guidelines.
  • Prioritize high contrast for essential interactive elements to ensure usability for all users.

Recommended combinations

Grove Foundation

Excellent for establishing a strong, natural base in footers, navigation, or strong brand statements.

#3E573C · #4F6B4C · #6A7B5E

Dappled Light

Creates a light, airy feel suitable for backgrounds, subtle content cards, or secondary information panels.

#B3C1A1 · #8D9E71 · #6A7B5E

Willow Accents

Effective for main content blocks, interactive elements, and feature sections, balancing depth with freshness.

#4F6B4C · #8D9E71 · #B3C1A1

CSS variables

:root {
  --whispering-willow-grove-5-1: #4F6B4C;
  --whispering-willow-grove-5-2: #8D9E71;
  --whispering-willow-grove-5-3: #B3C1A1;
  --whispering-willow-grove-5-4: #3E573C;
  --whispering-willow-grove-5-5: #6A7B5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-grove-5": {
        1: "#4F6B4C",
        2: "#8D9E71",
        3: "#B3C1A1",
        4: "#3E573C",
        5: "#6A7B5E",
      }
    }
  }
}

Related searches

subdued green paletteearthy natural colorsserene UI design greensorganic brand colorswillow tree color scheme

Palette colors

Hex values

Color 1#4F6B4C
·
Color 2#8D9E71
·
Color 3#B3C1A1
·
Color 4#3E573C
·
Color 5#6A7B5E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.1:1AA18
1.3:1Fail
1.3:1Fail
2
2.1:1Fail
1.5:1Fail
2.8:1Fail
1.6:1Fail
3
3.1:1AA18
1.5:1Fail
4.2:1AA18
2.4:1Fail
4
1.3:1Fail
2.8:1Fail
4.2:1AA18
1.7:1Fail
5
1.3:1Fail
1.6:1Fail
2.4:1Fail
1.7:1Fail

Similar palettes

More like Whispering Willow Grove

View all earth
Emerald Moss Canopy
Enchanted Forest Glade
Enchanted Grove
Meadow Whisper Breeze
Mystic Glade Light
Mystic Grove