Back to palettes

Palette

Verdant Moss Canopy

A lush blend of forest greens, evoking damp earth and sun-dappled leaves.

earthnatural5 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

#4A6E55#6B8E78#344B3D#9BB596#C7D8B9

Palette guide

How to use Verdant Moss Canopy

Overview

The Verdant Moss Canopy palette offers a lush blend of forest greens, perfectly evoking the damp earth and sun-dappled leaves of a tranquil woodland. Ranging from the deep, grounding #344B3D to the airy, almost pastel #C7D8B9, this collection provides a sophisticated and organic progression of hues. The versatile mid-tones, like the rich #4A6E55 and the softer #9BB596, create excellent opportunities for depth and visual interest. This palette is ideal for projects seeking to convey natural elegance, subtle calm, and a deep connection to the environment. Designers can leverage these hex codes for harmonious visuals, while developers will find them perfect for creating cohesive and inviting user interfaces.

Best used for

  • Organic product branding
  • Spa and wellness center websites
  • Nature-themed stationery
  • Sustainable fashion marketing
  • Eco-conscious interior design
  • Botanical art prints

Suggested color roles

primary

#344B3D - A deep, grounding forest green, excellent for establishing a sophisticated and natural brand identity, main headings, or foundational elements.

secondary

#4A6E55 - A slightly lighter, yet still rich and earthy green, perfect for supporting visuals, subheadings, or significant graphical elements.

accent

#9BB596 - A soft, muted sage green that adds a gentle, fresh touch, ideal for interactive elements, subtle highlights, or decorative patterns.

background

#C7D8B9 - A very light, almost off-white green, creating an open and airy backdrop that promotes readability and a serene feel.

text

#344B3D - This deep green offers excellent contrast against the light #C7D8B9 background, ensuring readability for body text and maintaining the palette's sophisticated, natural aesthetic.

Accessibility notes

  • Ensure #344B3D text on #C7D8B9 background meets WCAG AA contrast for body text.
  • Avoid using #6B8E78 or #9BB596 for small text on #C7D8B9 due to potential low contrast.
  • Use #4A6E55 for larger headings on #C7D8B9, but verify readability for smaller sizes.
  • For interactive elements, use distinct hover and focus states that provide clear visual feedback.

Recommended combinations

Earthy Depths

Effective for creating a strong, yet subtle brand presence, with the darkest green as primary and the lightest for clean text.

#344B3D · #4A6E55 · #C7D8B9

Mossy Layers

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

#6B8E78 · #9BB596 · #4A6E55

Dappled Light

A calming and readable layout for content, with #C7D8B9 as the page background, #344B3D for text, and #9BB596 for links or accents.

#C7D8B9 · #344B3D · #9BB596

CSS variables

:root {
  --verdant-moss-canopy-1: #4A6E55;
  --verdant-moss-canopy-2: #6B8E78;
  --verdant-moss-canopy-3: #344B3D;
  --verdant-moss-canopy-4: #9BB596;
  --verdant-moss-canopy-5: #C7D8B9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-moss-canopy": {
        1: "#4A6E55",
        2: "#6B8E78",
        3: "#344B3D",
        4: "#9BB596",
        5: "#C7D8B9",
      }
    }
  }
}

Related searches

forest green subtle palettedamp earth color schemenatural organic huesmuted green web designserene moss colors

Palette colors

Hex values

Color 1#4A6E55
·
Color 2#6B8E78
·
Color 3#344B3D
·
Color 4#9BB596
·
Color 5#C7D8B9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.6:1Fail
2.6:1Fail
3.8:1AA18
2
1.6:1Fail
2.6:1Fail
1.6:1Fail
2.4:1Fail
3
1.6:1Fail
2.6:1Fail
4.3:1AA18
6.3:1AA
4
2.6:1Fail
1.6:1Fail
4.3:1AA18
1.5:1Fail
5
3.8:1AA18
2.4:1Fail
6.3:1AA
1.5:1Fail

Similar palettes

More like Verdant Moss Canopy

View all earth
Enchanted Forest Lumina
Forest Canopy
Forest Canopy Echoes
Forest Fern Canopy
Forest Whisper Canopy
Gentle Forest Nook