Back to palettes

Palette

Forest Fern Canopy

Rich, dense greens reflecting the vibrant life and damp serenity of a deep forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Fern 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 Forest Fern Canopy.

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

Data visualization

#355E3B#50C878#228B22#6B8E23#006400

Palette guide

How to use Forest Fern Canopy

Overview

The Forest Fern Canopy palette delivers a rich and vibrant collection of dense greens, capturing the lush vitality of a deep forest floor. Featuring the robust #355E3B, a lively #50C878 (Emerald), and the classic #228B22 (Forest Green), this palette provides an invigorating and organic aesthetic. Designers can leverage these shades for active outdoor brands, environmental campaigns, or dynamic digital illustrations. Developers will find these hex codes excellent for creating consistent, high-energy visual experiences across various platforms. The inclusion of an earthy #6B8E23 and a profound #006400 (Dark Green) offers versatility for depth and contrast, ensuring a visually engaging design.

Best used for

  • Outdoor adventure branding
  • Environmental conservation websites
  • Activewear and sports apparel design
  • Nature documentary graphics
  • Gardening and landscaping services
  • Sustainable food product packaging

Suggested color roles

primary

Use #228B22 (Forest Green) as a strong, grounding main color for headers, calls-to-action, or key branding elements, conveying natural authority.

secondary

Apply #355E3B (Dark Moss Green) for supporting content areas, subheadings, or background textures, adding depth and a subtle richness.

accent

Incorporate #50C878 (Emerald Green) sparingly for highlights, interactive elements, or alerts, bringing a vibrant and fresh burst of energy.

background

Utilize #6B8E23 (Olive Drab) for textured backgrounds or content cards, providing an earthy, stable base that complements the brighter greens.

text

Employ #006400 (Dark Green) for body text and important labels, ensuring excellent readability against lighter backgrounds, or use a deep charcoal.

Accessibility notes

  • Ensure #006400 has high contrast when used for text against lighter palette colors like #50C878 or #6B8E23 to meet WCAG AA standards.
  • Avoid using #50C878 for small text on #6B8E23 without checking contrast, as it might be insufficient.
  • For interactive elements, provide clear focus states using a distinct color like #228B22 against a lighter background.
  • Consider using a very dark neutral for all body text if the green palette does not provide sufficient contrast consistently.

Recommended combinations

Deep Woods

Ideal for creating strong, deep green backgrounds or headers that evoke the dense, shaded parts of a forest.

#006400 · #355E3B · #228B22

Vibrant Growth

Excellent for designs requiring a fresh, energetic, and natural feel, like health and wellness promotions.

#50C878 · #228B22 · #6B8E23

Earthy Foundation

Perfect for creating a grounded, organic aesthetic in branding or UI, providing a solid, natural base.

#355E3B · #6B8E23 · #006400

CSS variables

:root {
  --forest-fern-canopy-4-1: #355E3B;
  --forest-fern-canopy-4-2: #50C878;
  --forest-fern-canopy-4-3: #228B22;
  --forest-fern-canopy-4-4: #6B8E23;
  --forest-fern-canopy-4-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fern-canopy-4": {
        1: "#355E3B",
        2: "#50C878",
        3: "#228B22",
        4: "#6B8E23",
        5: "#006400",
      }
    }
  }
}

Related searches

vibrant green palettelush forest web designemerald green color schemeoutdoor branding colorsdeep nature hex codes

Palette colors

Hex values

Color 1#355E3B
·
Color 2#50C878
·
Color 3#228B22
·
Color 4#6B8E23
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
1.7:1Fail
2:1Fail
1:1Fail
2
3.5:1AA18
2.1:1Fail
1.8:1Fail
3.5:1AA18
3
1.7:1Fail
2.1:1Fail
1.2:1Fail
1.7:1Fail
4
2:1Fail
1.8:1Fail
1.2:1Fail
2:1Fail
5
1:1Fail
3.5:1AA18
1.7:1Fail
2:1Fail

Similar palettes

More like Forest Fern Canopy

View all earth
Ancient Mossy Stone
Emerald Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Ring
Fairy Ring Moss