Back to palettes

Palette

Mossy Woodland Glade

Capturing the deep, cool greens and damp earth tones of an untouched, ancient mossy woodland glade.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Woodland Glade 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 Woodland Glade.

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

Data visualization

#1E3B29#3E614C#628E6C#91B394#C0DCC0

Palette guide

How to use Mossy Woodland Glade

Overview

The Mossy Woodland Glade palette captures the deep, cool greens and damp earth tones of an untouched, ancient forest. This serene collection ranges from the profound darkness of #1E3B29 to the delicate, almost misty lightness of #C0DCC0. Key colors like the rich forest green #3E614C and the mid-tone #628E6C provide a natural progression of lush foliage. This palette is perfect for designs aiming to evoke tranquility, growth, and a strong connection to pristine nature. Its harmonious greens offer a sense of calm and organic sophistication, making it suitable for projects that require both depth and a refreshing, natural feel across various digital and print applications.

Best used for

  • botanical garden branding
  • sustainable living blogs
  • environmental conservation websites
  • yoga and meditation app design
  • nature-inspired stationery
  • eco-conscious product packaging

Suggested color roles

primary

Use #1E3B29 as a powerful primary for main navigation or hero sections, providing deep, grounding sophistication.

secondary

Apply #3E614C for secondary content blocks or larger graphical elements, offering a rich, inviting green.

accent

Introduce #91B394 as a subtle accent for interactive elements or highlights, providing a gentle, refreshing lift.

background

Employ #C0DCC0 for a clean, natural background that allows darker greens to pop, or #1E3B29 for an immersive dark theme.

text

For optimal readability, use a light color like #C0DCC0 for text on dark backgrounds such as #1E3B29, or a dark charcoal on #C0DCC0.

Accessibility notes

  • Ensure sufficient contrast between #C0DCC0 text and #1E3B29 or #3E614C backgrounds for WCAG AA compliance.
  • Avoid using #91B394 for small text on #C0DCC0 as contrast may be insufficient.
  • Pair #628E6C with #C0DCC0 for larger text or graphical elements to maintain good visibility.
  • Consider a dark charcoal or black for critical text elements against the lightest green backgrounds.

Recommended combinations

Deep Glade

Excellent for creating depth in UI elements or illustrations, mimicking layered forest foliage.

#1E3B29 · #3E614C · #628E6C

Misty Morning

Ideal for content sections, with #C0DCC0 as background, #91B394 for secondary text, and #3E614C for headings.

#C0DCC0 · #91B394 · #3E614C

Woodland Path

Suitable for subtle branding or icon sets, offering a natural green progression with a strong anchor.

#628E6C · #91B394 · #1E3B29

CSS variables

:root {
  --mossy-woodland-glade-1: #1E3B29;
  --mossy-woodland-glade-2: #3E614C;
  --mossy-woodland-glade-3: #628E6C;
  --mossy-woodland-glade-4: #91B394;
  --mossy-woodland-glade-5: #C0DCC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-woodland-glade": {
        1: "#1E3B29",
        2: "#3E614C",
        3: "#628E6C",
        4: "#91B394",
        5: "#C0DCC0",
      }
    }
  }
}

Related searches

dark forest green palettewoodland nature colorsserene green color schemeeco-friendly design palettenatural glade tones

Palette colors

Hex values

Color 1#1E3B29
·
Color 2#3E614C
·
Color 3#628E6C
·
Color 4#91B394
·
Color 5#C0DCC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.3:1AA
8.3:1AAA
2
1.8:1Fail
1.9:1Fail
3:1AA18
4.7:1AA
3
3.3:1AA18
1.9:1Fail
1.6:1Fail
2.5:1Fail
4
5.3:1AA
3:1AA18
1.6:1Fail
1.6:1Fail
5
8.3:1AAA
4.7:1AA
2.5:1Fail
1.6:1Fail

Similar palettes

More like Mossy Woodland Glade

View all earth
Emerald Canopy Hush
Woodland Moss Path
Enchanted Moss Garden
Forest Canopy
Forest Floor Moss
Forest Floor Moss