Back to palettes

Palette

Mossy Glen Whisper

Deep forest greens and soft browns mimic a quiet, ancient glade filled with dappled sunlight.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Glen Whisper 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 Mossy Glen Whisper.

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

Data visualization

#4B6F4C#73A077#B7D9B1#5D4A3D#967E67

Palette guide

How to use Mossy Glen Whisper

Overview

The Mossy Glen Whisper palette evokes a quiet, ancient glade filled with dappled sunlight, through its deep forest greens and soft browns. Anchored by the profound #4B6F4C and #5D4A3D, it transitions through the harmonious #73A077 and #967E67, culminating in the serene #B7D9B1. This collection is ideal for designers seeking to create a sense of calm, natural balance, and subtle sophistication. Its blend of organic greens and warm browns offers versatility for both natural backdrops and refined accents, making it perfect for applications requiring an authentic, peaceful, and inviting feel. Embrace this palette to convey a sense of timeless tranquility and natural elegance.

Best used for

  • Nature-inspired home goods branding
  • Sustainable architecture portfolios
  • Organic beauty product packaging
  • Mindfulness and meditation app design
  • Art and craft websites with earthy themes
  • Interior design mood boards for serene spaces

Suggested color roles

primary

Utilize #4B6F4C for strong, foundational elements like navigation or footers, establishing a deep, natural base.

secondary

Apply #5D4A3D for subheadings, key information blocks, or to introduce a warm, grounding brown accent.

accent

Employ #73A077 or #967E67 for interactive elements, highlights, or graphical details, offering gentle contrast.

background

Use #B7D9B1 as a clean, serene background for content areas, ensuring excellent readability and a soft glow.

text

For primary body text, #4B6F4C offers excellent contrast on #B7D9B1, providing a comfortable reading experience.

Accessibility notes

  • Ensure #4B6F4C text on #B7D9B1 background meets WCAG AA contrast standards.
  • Be cautious using #967E67 for small text on #B7D9B1; reserve for larger titles or decorative elements.
  • Test interactive elements with #73A077 for sufficient contrast in both normal and hover states.
  • Provide alternative text for any color-coded information to aid users with color vision deficiencies.

Recommended combinations

Forest Floor

Creates a grounded, natural brand presence, combining deep green with earthy brown and a light green background.

#4B6F4C · #5D4A3D · #B7D9B1

Dappled Light

Ideal for a soft, inviting UI, using mid-green for content, a warm brown for accents, and pale green for spaciousness.

#73A077 · #967E67 · #B7D9B1

Woodland Harmony

Offers a cohesive, natural aesthetic for editorial layouts or marketing, conveying calm and organic beauty.

#4B6F4C · #73A077 · #B7D9B1

CSS variables

:root {
  --mossy-glen-whisper-1: #4B6F4C;
  --mossy-glen-whisper-2: #73A077;
  --mossy-glen-whisper-3: #B7D9B1;
  --mossy-glen-whisper-4: #5D4A3D;
  --mossy-glen-whisper-5: #967E67;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-glen-whisper": {
        1: "#4B6F4C",
        2: "#73A077",
        3: "#B7D9B1",
        4: "#5D4A3D",
        5: "#967E67",
      }
    }
  }
}

Related searches

moss green brown paletteforest glade color schemenatural earthy green aesthetictranquil woodland colorsmuted nature branding

Palette colors

Hex values

Color 1#4B6F4C
·
Color 2#73A077
·
Color 3#B7D9B1
·
Color 4#5D4A3D
·
Color 5#967E67
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
1.5:1Fail
1.5:1Fail
2
1.9:1Fail
1.9:1Fail
2.8:1Fail
1.3:1Fail
3
3.7:1AA18
1.9:1Fail
5.4:1AA
2.5:1Fail
4
1.5:1Fail
2.8:1Fail
5.4:1AA
2.2:1Fail
5
1.5:1Fail
1.3:1Fail
2.5:1Fail
2.2:1Fail

Similar palettes

More like Mossy Glen Whisper

View all earth
Emerald Enclave Moss
Emerald Moss Canopy
Enchanted Forest Lumina
Enchanted Forest Path
Forest Floor Canopy
Forest Floor Duet