Back to palettes

Palette

Deep Moss Canopy

Rich, profound greens evoke the ancient, velvety depths of a moss-covered forest.

DarkNatural5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#006400#556B2F#6B8E23#3CB371

Palette guide

How to use Deep Moss Canopy

Overview

The Deep Moss Canopy palette captures the serene, organic beauty of an ancient forest. Dominated by rich, earthy greens like the deep forest green #228B22 and the darker #006400, it's ideal for projects seeking a profound, natural aesthetic. Complementary tones such as the olive green #556B2F and the vibrant lime green #6B8E23 add subtle variation, while the refreshing medium sea green #3CB371 offers a bright accent. This collection is perfect for conveying authenticity, tranquility, and a connection to nature, suitable for both digital and print applications requiring depth and organic sophistication.

Best used for

  • Eco-friendly brand identities and packaging
  • Outdoor adventure and apparel websites
  • Nature photography or documentary branding
  • Organic food and wellness product designs
  • Environmental non-profit campaigns
  • Botanical garden or nature preserve digital presence

Suggested color roles

primary

Use #228B22 (Forest Green) for main headings, prominent buttons, or large graphical elements to establish a strong, natural presence.

secondary

Apply #556B2F (Olive Drab) for subheadings, secondary calls-to-action, or supporting illustrations, offering an earthy contrast.

accent

Deploy #3CB371 (Medium Sea Green) for interactive elements, highlights, or small icons to draw attention and add a touch of freshness.

background

Utilize #006400 (Dark Green) for dark-themed sections, footers, or subtle background patterns to create depth. For lighter backgrounds, consider a near-white or light grey to allow the greens to pop.

text

For dark backgrounds using #006400 or #228B22, use white or a very light gray for optimal readability. When greens are used on a light background, use a dark charcoal or black.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when pairing greens like #228B22 with #556B2F.
  • Test #3CB371 (Medium Sea Green) for readability as an accent on darker greens; it might require larger text or bolding.
  • Always verify WCAG AA compliance for text sizes and color combinations, particularly for critical information.
  • Avoid using mid-tone greens for small text on similarly toned backgrounds without significant contrast adjustment.

Recommended combinations

Forest Depth

Ideal for creating a rich, layered background or a sophisticated brand identity that evokes deep forest shadows and organic textures.

#006400 · #228B22 · #556B2F

Vibrant Canopy

Perfect for digital interfaces or designs needing a fresh, lively feel, using brighter greens against a solid, grounding primary.

#6B8E23 · #3CB371 · #228B22

Earthy Accent

Suitable for conveying an organic, natural aesthetic with a subtle accent, great for product descriptions or blog post headers.

#556B2F · #006400 · #3CB371

CSS variables

:root {
  --deep-moss-canopy-1: #228B22;
  --deep-moss-canopy-2: #006400;
  --deep-moss-canopy-3: #556B2F;
  --deep-moss-canopy-4: #6B8E23;
  --deep-moss-canopy-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-moss-canopy": {
        1: "#228B22",
        2: "#006400",
        3: "#556B2F",
        4: "#6B8E23",
        5: "#3CB371",
      }
    }
  }
}

Related searches

deep green color schemesforest green palettenature inspired colorsmossy green brandingorganic design colors

Palette colors

Hex values

Color 1#228B22
·
Color 2#006400
·
Color 3#556B2F
·
Color 4#6B8E23
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.6:1Fail
2
1.7:1Fail
1.3:1Fail
2:1Fail
2.8:1Fail
3
1.4:1Fail
1.3:1Fail
1.6:1Fail
2.2:1Fail
4
1.2:1Fail
2:1Fail
1.6:1Fail
1.4:1Fail
5
1.6:1Fail
2.8:1Fail
2.2:1Fail
1.4:1Fail

Similar palettes

More like Deep Moss Canopy

View all Dark
Ancient Forest Roots
Deep Forest Murmur
Deep Woods
Enchanted Forest Canopy
Enchanted Forest Shimmer
Forest Whisper