Back to palettes

Palette

Enchanted Moss Glimmer

Inspired by a tranquil, shaded forest floor, where moss thrives and hints of light softly gleam.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Moss Glimmer 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 Enchanted Moss Glimmer.

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

Data visualization

#364B34#5F7D59#A6B7A6#E0E6DD#4D544D

Palette guide

How to use Enchanted Moss Glimmer

Overview

The Enchanted Moss Glimmer palette is inspired by a tranquil, shaded forest floor where moss thrives and hints of light softly gleam. This monochrome-leaning collection features deep, grounding greens like #364B34 and a soft, luminous off-white #E0E6DD. Designers can leverage these hex codes to create calming, natural, and sophisticated interfaces, perfect for eco-conscious branding or serene digital experiences. Developers will find the harmonious progression of these mossy tones, with #A6B7A6 providing a crucial mid-tone, ensures visual cohesion and a refreshing, organic feel. This palette excels in projects emphasizing peace and natural beauty.

Best used for

  • Sustainable and eco-friendly product branding
  • Gardening and landscape design websites
  • Wellness and relaxation app interfaces
  • Nature photography portfolios
  • Minimalist UI designs with an organic touch
  • Environmental education materials

Suggested color roles

primary

#364B34 - A deep, rich forest green, excellent for dominant sections, headers, or grounding graphical elements, establishing a strong, natural foundation.

secondary

#4D544D - A slightly lighter, muted green-grey. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth.

accent

#5F7D59 - A vibrant, yet soft, moss green. Perfect for calls-to-action, important notifications, or small decorative elements that need to stand out with an organic pop.

background

#E0E6DD - A very light, almost white, cool off-white, providing a clean, open, and serene canvas, promoting a sense of calm and natural light.

text

#364B34 - This deep forest green offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's organic aesthetic.

Accessibility notes

  • Ensure #364B34 text on #E0E6DD background meets WCAG AAA contrast standards for optimal readability.
  • Avoid using #A6B7A6 or #5F7D59 for small text on #E0E6DD as the contrast will likely be insufficient.
  • For interactive elements, always verify the contrast of the accent color against its background.
  • Consider using a pure black or dark charcoal for critical text if the palette's darkest green doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Forest Floor

Deep #364B34 for a strong footer, #4D544D for section headers, and #E0E6DD for main content background, balancing depth and light.

#364B34 · #4D544D · #E0E6DD

Mossy Layers

Layered elements with #4D544D as base, #5F7D59 for cards, and #A6B7A6 for subtle highlights or borders.

#4D544D · #5F7D59 · #A6B7A6

Glimmering Path

A light background with #E0E6DD, dark text with #364B34, and a vibrant yet soft accent with #5F7D59 for calls to action.

#E0E6DD · #364B34 · #5F7D59

CSS variables

:root {
  --enchanted-moss-glimmer-1: #364B34;
  --enchanted-moss-glimmer-2: #5F7D59;
  --enchanted-moss-glimmer-3: #A6B7A6;
  --enchanted-moss-glimmer-4: #E0E6DD;
  --enchanted-moss-glimmer-5: #4D544D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-moss-glimmer": {
        1: "#364B34",
        2: "#5F7D59",
        3: "#A6B7A6",
        4: "#E0E6DD",
        5: "#4D544D",
      }
    }
  }
}

Related searches

moss green monochrome paletteearthy calm color schemenatural UI green colorsforest floor aestheticeco-friendly design palette

Palette colors

Hex values

Color 1#364B34
·
Color 2#5F7D59
·
Color 3#A6B7A6
·
Color 4#E0E6DD
·
Color 5#4D544D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.5:1AA18
7.5:1AAA
1.2:1Fail
2
2.1:1Fail
2.2:1Fail
3.6:1AA18
1.7:1Fail
3
4.5:1AA18
2.2:1Fail
1.7:1Fail
3.7:1AA18
4
7.5:1AAA
3.6:1AA18
1.7:1Fail
6.1:1AA
5
1.2:1Fail
1.7:1Fail
3.7:1AA18
6.1:1AA

Similar palettes

More like Enchanted Moss Glimmer

View all monochrome
Emerald River Flow
Enchanted Forest Dew
Forest Canopy Slumber
Forest Fern Grotto
Forest Shaded Green
Jade Forest Veil