Back to palettes

Palette

Enchanted Glade Moss

Vibrant, deep greens and mossy tones, inviting wonder into an untouched, enchanted forest glade.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A6F3F#6B9C5B#8CD07B#3B5F2F#5D8A4F

Palette guide

How to use Enchanted Glade Moss

Overview

The Enchanted Glade Moss palette features vibrant, deep greens and mossy tones, inviting wonder into an untouched, enchanted forest glade. Ranging from the profound #3B5F2F to the fresh #8CD07B, and including a balanced #6B9C5B, this collection is organic and invigorating. It's an excellent choice for designers and developers crafting organic branding, eco-friendly products, or nature conservation websites. The harmonious progression of greens creates an atmosphere of growth, tranquility, and subtle magic, perfect for projects seeking an authentic and enchanting natural feel.

Best used for

  • Organic and eco-friendly branding
  • Nature conservation websites and apps
  • Children's educational content
  • Serene web designs and interfaces
  • Botanical illustrations and art
  • Sustainable product packaging

Suggested color roles

primary

Use #3B5F2F as a deep, grounding moss green primary for headers, main sections, or dominant branding elements.

secondary

Apply #4A6F3F for rich, supportive green elements, larger content blocks, or backgrounds with a natural feel.

accent

Introduce #8CD07B as a bright, fresh highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #6B9C5B for lively, natural backgrounds, or a very light cream to allow the greens to pop.

text

Pair #3B5F2F or a dark charcoal for primary text on lighter backgrounds like #8CD07B. White text works well on #3B5F2F.

Accessibility notes

  • Ensure sufficient contrast for text on #8CD07B; darker colors like #3B5F2F are highly recommended.
  • White text provides excellent readability on #3B5F2F and #4A6F3F for headings and important information.
  • Avoid using #5D8A4F for small text on #6B9C5B as contrast may be too low for accessibility.
  • All colors are greens, so carefully choose pairings to ensure enough contrast, especially for visual hierarchy.

Recommended combinations

Mossy Depths

Ideal for a layered, natural look in primary sections, balancing deep moss tones with supportive greens.

#3B5F2F · #4A6F3F · #6B9C5B

Fresh Glade

Create harmonious green layers for content blocks or illustrations, evoking fresh growth and light.

#8CD07B · #5D8A4F · #6B9C5B

Vibrant Layers

Combine for accents or illustrations, using the brightest green as a focal point against deeper, grounding hues.

#4A6F3F · #8CD07B · #3B5F2F

CSS variables

:root {
  --enchanted-glade-moss-1: #4A6F3F;
  --enchanted-glade-moss-2: #6B9C5B;
  --enchanted-glade-moss-3: #8CD07B;
  --enchanted-glade-moss-4: #3B5F2F;
  --enchanted-glade-moss-5: #5D8A4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-glade-moss": {
        1: "#4A6F3F",
        2: "#6B9C5B",
        3: "#8CD07B",
        4: "#3B5F2F",
        5: "#5D8A4F",
      }
    }
  }
}

Related searches

mossy green color paletteenchanted glade colorsorganic forest schemedeep green nature brandingserene woodland UI

Palette colors

Hex values

Color 1#4A6F3F
·
Color 2#6B9C5B
·
Color 3#8CD07B
·
Color 4#3B5F2F
·
Color 5#5D8A4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
1.3:1Fail
1.4:1Fail
2
1.8:1Fail
1.7:1Fail
2.3:1Fail
1.3:1Fail
3
3.1:1AA18
1.7:1Fail
4:1AA18
2.2:1Fail
4
1.3:1Fail
2.3:1Fail
4:1AA18
1.8:1Fail
5
1.4:1Fail
1.3:1Fail
2.2:1Fail
1.8:1Fail

Similar palettes

More like Enchanted Glade Moss

View all earth
Whimsical Forest Fae
Whimsical Forest Floor
Emerald Canopy Hush
Emerald Canopy Mist
Emerald Enclave Moss
Emerald Moss Canopy