Back to palettes

Palette

Emerald Moss Canopy

Evokes the shadowy depths and sun-dappled textures of an ancient, mysterious woodland.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F##5F9F9F#8FBC8F#6B8E23#BDB76B

Palette guide

How to use Emerald Moss Canopy

Overview

The Emerald Moss Canopy palette evokes the shadowy depths and sun-dappled textures of an ancient, mysterious woodland, blending deep teal-greens with earthy olives. It features a profound #2F4F4F and a vibrant #5F9F9F, complemented by the natural #8FBC8F and the distinctive #6B8E23. A touch of golden-olive with #BDB76B adds warmth and intrigue. This collection is perfect for designs seeking to convey natural depth, rustic elegance, and a connection to untouched wilderness. Ideal for outdoor adventure brands, historical content, or any project that benefits from a sophisticated, earthy, and slightly unconventional aesthetic. The diverse tones allow for complex visual narratives.

Best used for

  • Outdoor adventure gear branding
  • Rustic home decor websites
  • Historical nature documentaries
  • Artisan craft and goods marketing
  • Eco-friendly travel destinations
  • Fantasy world-building visuals

Suggested color roles

primary

Use #2F4F4F as the deepest, most stable color for main headers, branding, or dark mode.

secondary

Employ #5F9F9F as a supportive teal-green for subheadings, important text, or active states.

accent

Apply #BDB76B as a unique golden-olive accent for calls-to-action, highlights, or key features.

background

Utilize #8FBC8F as a soft, natural green for content areas, providing a calm and earthy base.

text

Pair #2F4F4F with light backgrounds for strong contrast, or use white/light gray on darker backgrounds.

Accessibility notes

  • #8FBC8F may require darker text (e.g., #2F4F4F or black) to ensure readability against lighter backgrounds.
  • Pair #2F4F4F or #5F9F9F with white or off-white text for optimal legibility on dark backgrounds.
  • Be cautious using #BDB76B for small text on #8FBC8F due to potential low contrast; check WCAG AA.
  • Always verify WCAG AA contrast standards for all text and background combinations.

Recommended combinations

Ancient Forest

Creates a strong, grounded aesthetic for primary branding and immersive content.

#2F4F4F · #6B8E23 · ##5F9F9F

Sun-Dappled

Ideal for bright, inviting accents and clear content against a natural background.

#BDB76B · #8FBC8F · #2F4F4F

Woodland Texture

Suitable for interactive elements, icons, or illustrating organic textures in a design.

#6B8E23 · #8FBC8F · #BDB76B

CSS variables

:root {
  --emerald-moss-canopy-1: #2F4F4F;
  --emerald-moss-canopy-2: ##5F9F9F;
  --emerald-moss-canopy-3: #8FBC8F;
  --emerald-moss-canopy-4: #6B8E23;
  --emerald-moss-canopy-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-moss-canopy": {
        1: "#2F4F4F",
        2: "##5F9F9F",
        3: "#8FBC8F",
        4: "#6B8E23",
        5: "#BDB76B",
      }
    }
  }
}

Related searches

mossy green teal paletteearthy woodland colorsrustic nature brandingdeep forest green goldancient canopy UI design

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2##5F9F9F
·
Color 3#8FBC8F
·
Color 4#6B8E23
·
Color 5#BDB76B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.1:1AA18
2.3:1Fail
4.3:1AA18
2
2.4:1Fail
9.8:1AAA
5.5:1AA
10.1:1AAA
3
4.1:1AA18
9.8:1AAA
1.8:1Fail
1:1Fail
4
2.3:1Fail
5.5:1AA
1.8:1Fail
1.8:1Fail
5
4.3:1AA18
10.1:1AAA
1:1Fail
1.8:1Fail

Similar palettes

More like Emerald Moss Canopy

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