Back to palettes

Palette

Enchanted Forest Canopy

Explores the dense, magical greens of a forest canopy, from deep shadows to sunlit leaves.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#006400#3CB371#8FBC8F#C1D4C1

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette explores the dense, magical greens of a forest canopy, from deep shadows to sunlit leaves. It features the profound #2F4F4F (Dark Slate Gray) and #006400 (Dark Green), complemented by the vibrant #3CB371 (Medium Sea Green) and lighter #8FBC8F (Dark Sea Green), with a soft touch of #C1D4C1 (Light Grayish Green). This palette is ideal for designers and developers aiming to create natural, lush, and serene digital experiences. It offers a grounding yet enchanting visual narrative for themes of nature, heritage, or sophisticated fantasy, allowing for rich visual layering and depth.

Best used for

  • Nature and wilderness conservation branding
  • Eco-friendly product packaging with a lush feel
  • Website design for organic farms or retreats
  • Fantasy game environments or UI
  • Digital illustrations of ancient forests
  • Educational content about ecosystems

Suggested color roles

primary

Utilize #006400 as the foundational color for main backgrounds, headers, or dominant branding elements, establishing deep natural authority.

secondary

Apply #2F4F4F for supporting content areas, subheadings, or secondary UI components, offering a sophisticated, deep green-gray contrast.

accent

Reserve #3CB371 for vibrant highlights, interactive elements, or delicate decorative details, providing a fresh, lively pop.

background

Choose #C1D4C1 for light, expansive backgrounds that enhance readability and create an airy, serene atmosphere, allowing darker greens to shine.

text

For body text, a dark, readable color like #2F4F4F or a deep charcoal provides excellent contrast on lighter backgrounds. On darker shades, a soft white or #C1D4C1 offers clear readability.

Accessibility notes

  • Ensure sufficient contrast between the light #C1D4C1 and darker colors like #006400 or #2F4F4F for all text and interactive elements.
  • Verify that #3CB371 has adequate contrast against its background if used for critical information or small text.
  • Be cautious when pairing #006400 and #3CB371 for adjacent, distinct elements without careful contrast checking due to similar saturation.
  • Test all color combinations with WCAG contrast checkers to ensure accessibility for users with varying visual needs.

Recommended combinations

Deep Forest Layers

Ideal for creating a sense of profound depth and natural mystery in main sections or branding.

#006400 · #2F4F4F · #3CB371

Canopy Glimmer

Perfect for backgrounds or elements that require a fresh, sunlit feel with subtle transitions.

#3CB371 · #8FBC8F · #C1D4C1

Serene Woodland

Effective for designs that need to balance deep, grounding tones with light, airy accents for sophistication.

#2F4F4F · #C1D4C1 · #006400

CSS variables

:root {
  --enchanted-forest-canopy-2-1: #2F4F4F;
  --enchanted-forest-canopy-2-2: #006400;
  --enchanted-forest-canopy-2-3: #3CB371;
  --enchanted-forest-canopy-2-4: #8FBC8F;
  --enchanted-forest-canopy-2-5: #C1D4C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-2": {
        1: "#2F4F4F",
        2: "#006400",
        3: "#3CB371",
        4: "#8FBC8F",
        5: "#C1D4C1",
      }
    }
  }
}

Related searches

lush forest green palettemagical canopy colorsserene natural brandingdark green UI designearthy woodland web scheme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#006400
·
Color 3#3CB371
·
Color 4#8FBC8F
·
Color 5#C1D4C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
3.3:1AA18
4.1:1AA18
5.7:1AA
2
1.2:1Fail
2.8:1Fail
3.5:1AA18
4.8:1AA
3
3.3:1AA18
2.8:1Fail
1.2:1Fail
1.7:1Fail
4
4.1:1AA18
3.5:1AA18
1.2:1Fail
1.4:1Fail
5
5.7:1AA
4.8:1AA
1.7:1Fail
1.4:1Fail

Similar palettes

More like Enchanted Forest Canopy

View all earth
Emerald Forest Canopy
Emerald Moss Canopy
Enchanted Forest Canopy
Enchanted Forest Glow
Enchanted Forest Ring
Fairy Ring Moss