Back to palettes

Palette

Whispering Willow Grove

A peaceful blend of greens and earthy browns, like sunlight filtering through willow leaves.

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

#8FBC8F#3CB371#BDB76B#A0522D#F5F5DC

Palette guide

How to use Whispering Willow Grove

Overview

The Whispering Willow Grove palette offers a peaceful blend of greens and earthy browns, reminiscent of sunlight filtering through willow leaves. With inviting shades like the soft green #8FBC8F and the grounding brown #A0522D, this palette creates a natural and calming atmosphere. Designers and developers can leverage the vibrant yet earthy #3CB371 for accents and the creamy #F5F5DC for clean backgrounds, ensuring a harmonious and warm user experience. This palette is ideal for projects that aim to evoke the tranquility and richness of a woodland setting.

Best used for

  • Nature-inspired product packaging
  • Rustic home decor branding
  • Children's book illustrations
  • Eco-tourism websites
  • Craft and handmade goods shops
  • Outdoor adventure brand visuals

Suggested color roles

primary

#3CB371 - A vibrant, medium green that can serve as a refreshing primary color for buttons, headings, or main graphical elements.

secondary

#8FBC8F - A softer, lighter green perfect for subheadings, secondary buttons, or background elements that need a gentle touch.

accent

#BDB76B - A warm, olive-gold hue ideal for drawing attention to call-to-action buttons, highlights, or decorative details.

background

#F5F5DC - A very light, creamy beige that provides a warm, clean, and inviting canvas for content, enhancing readability.

text

#A0522D - A rich, earthy brown that offers excellent contrast for body text on light backgrounds like #F5F5DC, conveying a natural and grounded feel.

Accessibility notes

  • Ensure sufficient contrast for text when using #8FBC8F or #F5F5DC as backgrounds, especially with lighter text colors.
  • Pair #A0522D text on #F5F5DC for optimal legibility and WCAG AA compliance.
  • Avoid using #BDB76B for small text on #F5F5DC without careful contrast checking due to its moderate lightness.
  • Always test color combinations with a contrast checker to ensure readability for all users, particularly for interactive elements.

Recommended combinations

Woodland Base

Creates a strong, natural foundation for headers, footers, and main content blocks, evoking forest depth.

#A0522D · #3CB371 · #8FBC8F

Sunny Grove

Ideal for light, airy backgrounds, content cards, or subtle design elements that need a warm, inviting glow.

#F5F5DC · #BDB76B · #8FBC8F

Leafy Accents

Effective for interactive components, feature highlights, and graphic elements, balancing freshness with warmth.

#3CB371 · #8FBC8F · #BDB76B

CSS variables

:root {
  --whispering-willow-grove-6-1: #8FBC8F;
  --whispering-willow-grove-6-2: #3CB371;
  --whispering-willow-grove-6-3: #BDB76B;
  --whispering-willow-grove-6-4: #A0522D;
  --whispering-willow-grove-6-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-grove-6": {
        1: "#8FBC8F",
        2: "#3CB371",
        3: "#BDB76B",
        4: "#A0522D",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

earthy green brown paletteforest inspired colorscalm woodland color schemenatural design paletterustic green beige colors

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#3CB371
·
Color 3#BDB76B
·
Color 4#A0522D
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
2.6:1Fail
1.9:1Fail
2
1.2:1Fail
1.3:1Fail
2.1:1Fail
2.4:1Fail
3
1:1Fail
1.3:1Fail
2.7:1Fail
1.9:1Fail
4
2.6:1Fail
2.1:1Fail
2.7:1Fail
5.1:1AA
5
1.9:1Fail
2.4:1Fail
1.9:1Fail
5.1:1AA

Similar palettes

More like Whispering Willow Grove

View all Earth
Botanical Sketch Book
Enchanted Forest Canopy
Enchanted Forest Canopy
Forest Whisper
Ancient Forest Roots
Deep Woods