Back to palettes

Palette

Whispering Grove Moss

A tranquil palette inspired by the hushed, moss-covered floor of an ancient, sun-dappled woodland.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E473C#4B6E44#7E9D5D#A7B874#D4C9AA

Palette guide

How to use Whispering Grove Moss

Overview

The Whispering Grove Moss palette captures the serene essence of a shaded forest floor, offering designers and developers a tranquil, nature-inspired color scheme. Featuring deep forest green #2E473C, a vibrant moss green #4B6E44, a sun-dappled lime green #7E9D5D, a muted sage #A7B874, and a soft, earthy beige #D4C9AA. This collection is ideal for projects seeking an organic, calming, and grounded aesthetic. Its harmonious blend creates a sense of depth and natural peace, perfect for evoking the quiet beauty of ancient woodlands in digital and print media alike. Utilize these hues to build an inviting and earthy user experience.

Best used for

  • Eco-friendly product branding and packaging
  • Nature-themed websites and mobile applications
  • Spa, wellness, and meditation platforms
  • Outdoor lifestyle and adventure marketing
  • Rustic or bohemian interior design concepts
  • Environmental awareness campaigns

Suggested color roles

primary

Use #4B6E44 as a dominant, inviting green for main sections, buttons, or hero elements, signifying growth and tranquility.

secondary

Employ #2E473C for grounding elements, footers, navigation, or as a rich background for dark mode experiences, providing depth and stability.

accent

Apply #7E9D5D for calls to action, highlights, or graphical elements where a fresh, natural pop is desired, drawing attention without being overpowering.

background

Utilize #D4C9AA as a soft, warm background for content areas, offering a clean canvas that complements the greens without stark contrast.

text

For optimal readability, use #2E473C for main body text on lighter backgrounds like #D4C9AA. A standard dark charcoal or near-black can also be used.

Accessibility notes

  • Ensure sufficient contrast between lighter greens like #A7B874 and text, especially for smaller font sizes.
  • Pair #2E473C or #4B6E44 with #D4C9AA for excellent text readability on backgrounds.
  • Consider using a darker green like #2E473C for interactive elements on lighter backgrounds to meet WCAG standards.
  • For decorative elements using #7E9D5D, ensure they are not solely relied upon for conveying critical information due to potential lower contrast.

Recommended combinations

Deep Forest Canopy

Ideal for header sections, brand logos, or visual elements requiring a rich, layered green depth.

#2E473C · #4B6E44 · #7E9D5D

Sun-Dappled Path

Perfect for blog content areas, testimonials, or soft background imagery where lightness and natural warmth are desired.

#D4C9AA · #A7B874 · #7E9D5D

Earthy Accent

Use for primary content blocks with a contrasting text, or for a subtle, professional UI framework.

#4B6E44 · #D4C9AA · #2E473C

CSS variables

:root {
  --whispering-grove-moss-1: #2E473C;
  --whispering-grove-moss-2: #4B6E44;
  --whispering-grove-moss-3: #7E9D5D;
  --whispering-grove-moss-4: #A7B874;
  --whispering-grove-moss-5: #D4C9AA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-grove-moss": {
        1: "#2E473C",
        2: "#4B6E44",
        3: "#7E9D5D",
        4: "#A7B874",
        5: "#D4C9AA",
      }
    }
  }
}

Related searches

forest green palettenature inspired color schemetranquil green colorsmossy earth tonesorganic design palette

Palette colors

Hex values

Color 1#2E473C
·
Color 2#4B6E44
·
Color 3#7E9D5D
·
Color 4#A7B874
·
Color 5#D4C9AA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
4.7:1AA
6.1:1AA
2
1.7:1Fail
1.9:1Fail
2.7:1Fail
3.5:1AA18
3
3.3:1AA18
1.9:1Fail
1.4:1Fail
1.9:1Fail
4
4.7:1AA
2.7:1Fail
1.4:1Fail
1.3:1Fail
5
6.1:1AA
3.5:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Whispering Grove Moss

View all earth
Emerald Enclave Moss
Forest Floor Gems
Emerald Canopy Mist
Emerald Moss Canopy
Enchanted Forest Deep
Enchanted Forest Lumina