Back to palettes

Palette

Emerald Enclave Moss

A calming array of deep greens and earthy tones reminiscent of a hidden forest grotto.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Enclave 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 Emerald Enclave Moss.

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

Data visualization

#2E8B57#6B8E23#ADFF2F#D2B48C#F0FFF0

Palette guide

How to use Emerald Enclave Moss

Overview

The Emerald Enclave Moss palette presents a calming array of deep greens and earthy tones, reminiscent of a hidden forest grotto. It features the robust #2E8B57, the earthy #6B8E23, and the vibrant #ADFF2F, complemented by the warm #D2B48C and the pristine #F0FFF0. This palette is inherently natural and tranquil, perfect for designs that aim to convey peace, organic beauty, and a grounded connection to the environment. It's an excellent choice for eco-conscious brands, outdoor living applications, or digital interfaces seeking a refreshing, serene, and harmonious aesthetic with a strong emphasis on lush, mossy greenery.

Best used for

  • Eco-friendly and sustainable branding
  • Outdoor adventure and nature tourism marketing
  • Wellness and mindful living apps
  • Landscape photography portfolios
  • Interior design for natural, calming environments
  • Digital art with serene forest themes

Suggested color roles

primary

Use #2E8B57 for dominant elements, headers, or backgrounds to establish depth, stability, and a strong natural foundation.

secondary

Employ #6B8E23 for supporting graphics, subheadings, or interactive elements, adding earthy vibrancy and texture.

accent

Apply #ADFF2F for striking highlights, call-to-action buttons, or vibrant decorative elements to capture attention.

background

Utilize #F0FFF0 for clean, airy backgrounds that allow the greens to shine while maintaining a fresh, crisp feel.

text

For body text, use a dark charcoal like #333333. For headlines on lighter backgrounds, #2E8B57 provides excellent readability. Use white for text on #2E8B57.

Accessibility notes

  • Ensure #2E8B57 or #6B8E23 text on #F0FFF0 meets WCAG contrast standards.
  • Avoid using #ADFF2F or #D2B48C for small text on light backgrounds; they are best for accents or larger display text.
  • The lighter #D2B48C may have low contrast with #F0FFF0; use for background elements.
  • Pair #2E8B57 with #F0FFF0 for a high-contrast, accessible combination for primary content.

Recommended combinations

Grotto Greens

Ideal for creating a profound, organic feel in branding, website hero sections, or illustrations with natural textures.

#2E8B57 · #6B8E23 · #ADFF2F

Earthy Calm

Perfect for light UI elements, background gradients, or decorative patterns that need to convey warmth and serenity.

#6B8E23 · #D2B48C · #F0FFF0

Vibrant Forest

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet naturally inviting visual statement.

#2E8B57 · #ADFF2F · #F0FFF0

CSS variables

:root {
  --emerald-enclave-moss-1: #2E8B57;
  --emerald-enclave-moss-2: #6B8E23;
  --emerald-enclave-moss-3: #ADFF2F;
  --emerald-enclave-moss-4: #D2B48C;
  --emerald-enclave-moss-5: #F0FFF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-enclave-moss": {
        1: "#2E8B57",
        2: "#6B8E23",
        3: "#ADFF2F",
        4: "#D2B48C",
        5: "#F0FFF0",
      }
    }
  }
}

Related searches

emerald green moss palettenatural forest colorsearthy green color schemetranquil nature brandinggrotto web design

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#6B8E23
·
Color 3#ADFF2F
·
Color 4#D2B48C
·
Color 5#F0FFF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.5:1AA18
2.2:1Fail
4.1:1AA18
2
1.1:1Fail
3.1:1AA18
1.9:1Fail
3.7:1AA18
3
3.5:1AA18
3.1:1AA18
1.6:1Fail
1.2:1Fail
4
2.2:1Fail
1.9:1Fail
1.6:1Fail
1.9:1Fail
5
4.1:1AA18
3.7:1AA18
1.2:1Fail
1.9:1Fail

Similar palettes

More like Emerald Enclave Moss

View all earth
Forest Floor Gems
Whispering Grove Moss
Emerald Canopy Mist
Emerald Moss Canopy
Enchanted Forest Deep
Enchanted Forest Lumina