Back to palettes

Palette

Verdant Moss Canopy

Deep and hushed greens of an ancient forest floor, dappled with soft light after a refreshing rain.

Earthcalm5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F6D55#678E69#A3BE8C#3F5C4B#2D4034

Palette guide

How to use Verdant Moss Canopy

Overview

The Verdant Moss Canopy palette evokes the serene, hushed greens of an ancient forest floor, dappled with soft light after a refreshing rain. This collection features deep, grounding tones like #2D4034 and the rich #3F5C4B, alongside softer, muted greens such as #4F6D55 and the almost grey-green #A3BE8C. The inclusion of #678E69 adds a touch of subtle vibrancy, mimicking fresh moss. This palette is perfectly suited for designs that aim to convey calm, natural sophistication, and a sense of peaceful tranquility. Designers will find these hex codes ideal for creating immersive, organic visual experiences, while developers can easily build cohesive and inviting UI themes.

Best used for

  • Holistic wellness brand identity
  • Eco-conscious interior design
  • Sustainable product packaging
  • Meditative app interfaces
  • Nature-themed editorial design
  • Artisan craft marketing

Suggested color roles

primary

#2D4034 - A very deep, sophisticated forest green, excellent for establishing a strong, calming brand presence, main headings, or foundational elements.

secondary

#3F5C4B - A slightly lighter, yet still deep and earthy green, perfect for supporting visuals, navigation, or significant graphical elements.

accent

#A3BE8C - A soft, muted sage-green that provides a gentle contrast, ideal for interactive elements, subtle highlights, or decorative patterns.

background

#678E69 - A medium, muted green, providing a soft, natural, and calming backdrop that supports readability without being stark.

text

#2D4034 - This deep green offers excellent contrast against lighter backgrounds like #A3BE8C or a near-white, ensuring readability and maintaining the palette's serene aesthetic.

Accessibility notes

  • Ensure #2D4034 text on #A3BE8C background meets WCAG AA contrast for body text.
  • Avoid using #4F6D55 or #678E69 for small text on #A3BE8C due to potential low contrast.
  • Use #3F5C4B for larger headings on #A3BE8C, but verify readability for smaller sizes.
  • For interactive elements, use distinct hover and focus states that provide clear visual feedback.

Recommended combinations

Deep Moss

Effective for creating a strong, yet tranquil brand identity, with the darkest green as primary and the lightest for accents.

#2D4034 · #3F5C4B · #A3BE8C

Forest Floor

Ideal for subtle background textures, infographics, or sections requiring a soft, harmonious blend of greens.

#4F6D55 · #678E69 · #3F5C4B

Serene Path

A calming and readable layout for content, with #A3BE8C as the page background, #2D4034 for text, and #678E69 for links.

#A3BE8C · #2D4034 · #678E69

CSS variables

:root {
  --verdant-moss-canopy-2-1: #4F6D55;
  --verdant-moss-canopy-2-2: #678E69;
  --verdant-moss-canopy-2-3: #A3BE8C;
  --verdant-moss-canopy-2-4: #3F5C4B;
  --verdant-moss-canopy-2-5: #2D4034;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-moss-canopy-2": {
        1: "#4F6D55",
        2: "#678E69",
        3: "#A3BE8C",
        4: "#3F5C4B",
        5: "#2D4034",
      }
    }
  }
}

Related searches

moss green color schemeserene forest palettemuted natural huescalm green brandingearthy moss design

Palette colors

Hex values

Color 1#4F6D55
·
Color 2#678E69
·
Color 3#A3BE8C
·
Color 4#3F5C4B
·
Color 5#2D4034
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
1.3:1Fail
1.9:1Fail
2
1.5:1Fail
1.8:1Fail
2:1Fail
3:1Fail
3
2.8:1Fail
1.8:1Fail
3.6:1AA18
5.4:1AA
4
1.3:1Fail
2:1Fail
3.6:1AA18
1.5:1Fail
5
1.9:1Fail
3:1Fail
5.4:1AA
1.5:1Fail

Similar palettes

More like Verdant Moss Canopy

View all Earth
Ancient Moss Whisper
Seaside Cottage Comfort
Tranquil Moss Path
Ancient Ruin Whisper
Ancient Scroll Wisdom
Deep Forest Lullaby