Back to palettes

Palette

Lush Mossy Glen

A tranquil array of deep greens and earthy browns, reminiscent of a secluded forest glen carpeted in velvety moss.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A683D#6B8E23#829C7D#383D31#5A6A54

Palette guide

How to use Lush Mossy Glen

Overview

The Lush Mossy Glen palette transports designs into a tranquil, secluded forest, rich with deep, earthy tones. Anchored by the profound `#383D31` and the robust `#4A683D`, it offers a mature and grounded aesthetic. The palette softens with the subtle `#5A6A54` and the more vibrant `#6B8E23`, culminating in the gentle, misty `#829C7D`. This collection is perfect for projects seeking to convey authenticity, natural depth, and a calm, reflective mood, drawing inspiration from ancient woodlands and hidden natural beauty.

Best used for

  • Rustic and artisanal product branding
  • Outdoor apparel and camping gear websites
  • Nature documentary or environmental project visuals
  • Coffee shop or cozy cafe interior branding
  • Sustainable and eco-conscious home decor
  • Historical or heritage-themed digital experiences

Suggested color roles

primary

Utilize `#383D31` or `#4A683D` as a strong primary for foundational elements, headers, or main branding, conveying depth and stability.

secondary

Employ `#5A6A54` or `#6B8E23` for supporting content blocks, subheadings, or illustrations, providing organic contrast.

accent

Apply `#829C7D` for subtle highlights, interactive elements that need a gentle lift, or decorative details, offering a touch of softness.

background

A very light cream or a subtle tint of `#829C7D` can create a soft, natural backdrop. Alternatively, use a darker shade for dramatic effect.

text

For body text, a near-black or the deep `#383D31` ensures excellent readability. White or light grey text works effectively on darker greens.

Accessibility notes

  • Ensure high contrast when using lighter greens like `#829C7D` for text on backgrounds; it pairs better with dark text.
  • Darker colors such as `#383D31` and `#4A683D` provide ideal backgrounds for white or very light text.
  • Verify icon and graphic visibility on all chosen background colors to prevent visual strain.
  • Use a contrast checker to confirm all text and interactive element color combinations meet WCAG guidelines.

Recommended combinations

Deep Glen Base

Excellent for robust branding, dark mode interfaces, or establishing a strong, earthy foundation in designs.

#383D31 · #4A683D · #5A6A54

Mossy Highlights

Ideal for adding organic accents, highlighting features, or creating softer visual breaks within darker themes.

#6B8E23 · #829C7D · #383D31

Tranquil Contrast

A powerful combination for clear text on a dark background or for creating a sophisticated, high-contrast visual statement.

#383D31 · #829C7D · #5A6A54

CSS variables

:root {
  --lush-mossy-glen-1: #4A683D;
  --lush-mossy-glen-2: #6B8E23;
  --lush-mossy-glen-3: #829C7D;
  --lush-mossy-glen-4: #383D31;
  --lush-mossy-glen-5: #5A6A54;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-mossy-glen": {
        1: "#4A683D",
        2: "#6B8E23",
        3: "#829C7D",
        4: "#383D31",
        5: "#5A6A54",
      }
    }
  }
}

Related searches

moss green color paletteearthy forest colorsrustic green schemedeep nature greenstranquil forest palette

Palette colors

Hex values

Color 1#4A683D
·
Color 2#6B8E23
·
Color 3#829C7D
·
Color 4#383D31
·
Color 5#5A6A54
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.1:1Fail
1.8:1Fail
1.1:1Fail
2
1.7:1Fail
1.3:1Fail
2.9:1Fail
1.5:1Fail
3
2.1:1Fail
1.3:1Fail
3.7:1AA18
1.9:1Fail
4
1.8:1Fail
2.9:1Fail
3.7:1AA18
1.9:1Fail
5
1.1:1Fail
1.5:1Fail
1.9:1Fail
1.9:1Fail

Similar palettes

More like Lush Mossy Glen

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