Back to palettes

Palette

Enchanted Forest Canopy

A lush palette inspired by the rich, varying greens and hidden depths beneath an ancient forest canopy.

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#556B2F#8FBC8F#A9A9A9

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette is a lush collection inspired by the rich, varying greens and hidden depths beneath an ancient forest canopy. It features the deep #2F4F4F (Dark Slate Gray) and #006400 (Dark Green), complemented by the earthy #556B2F (Dark Olive Green) and lighter #8FBC8F (Dark Sea Green), with a subtle touch of #A9A9A9 (Dark Gray). This palette is ideal for designers and developers aiming to create natural, mystical, and robust digital experiences. It offers a grounding yet enchanting visual narrative for themes of nature, heritage, or sophisticated fantasy.

Best used for

  • Nature and wilderness conservation branding
  • Historical or fantasy game environments
  • Organic product packaging with an earthy feel
  • Website design for eco-tourism or retreats
  • Digital illustrations of ancient forests
  • Documentary or educational media interfaces

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 #8FBC8F for subtle highlights, interactive elements, or delicate decorative details, providing a fresh, gentle lift.

background

Choose #A9A9A9 for a neutral, calming background that allows the greens to stand out, or a very light cream for enhanced readability.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8FBC8F and darker colors like #006400 or #2F4F4F for all text and interactive elements.
  • Verify that #A9A9A9 provides adequate contrast against text if used as a background for copy.
  • Be cautious when pairing #006400 and #556B2F for adjacent, distinct elements without careful contrast checking due to similar darkness.
  • Test all color combinations with WCAG contrast checkers to ensure accessibility for users with varying visual needs.

Recommended combinations

Deep Canopy

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

#006400 · #2F4F4F · #556B2F

Forest Floor

Perfect for backgrounds or textures that require an earthy, grounded feel with subtle highlights.

#556B2F · #A9A9A9 · #8FBC8F

Mystic Glimmer

Effective for designs that need to highlight elements against a deep, natural backdrop, offering a touch of luminosity.

#8FBC8F · #006400 · #2F4F4F

CSS variables

:root {
  --enchanted-forest-canopy-10-1: #2F4F4F;
  --enchanted-forest-canopy-10-2: #006400;
  --enchanted-forest-canopy-10-3: #556B2F;
  --enchanted-forest-canopy-10-4: #8FBC8F;
  --enchanted-forest-canopy-10-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-10": {
        1: "#2F4F4F",
        2: "#006400",
        3: "#556B2F",
        4: "#8FBC8F",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

deep forest green paletteancient canopy colorsnatural mystical brandingdark green grey UI designearthy woodland web scheme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#006400
·
Color 3#556B2F
·
Color 4#8FBC8F
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
4.1:1AA18
3.8:1AA18
2
1.2:1Fail
1.3:1Fail
3.5:1AA18
3.2:1AA18
3
1.5:1Fail
1.3:1Fail
2.8:1Fail
2.5:1Fail
4
4.1:1AA18
3.5:1AA18
2.8:1Fail
1.1:1Fail
5
3.8:1AA18
3.2:1AA18
2.5:1Fail
1.1:1Fail

Similar palettes

More like Enchanted Forest Canopy

View all earth
Ancient Forest Realm
Deep Forest Undergrowth
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Floor
Forest Floor Echoes