Back to palettes

Palette

Enchanted Forest Canopy

Deep greens and mysterious blues, capturing the rich, shaded hues beneath an enchanted 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

#004D40#2E7D32#5DA66B#002F4D#2C5D8A

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette merges deep greens and mysterious blues, capturing the rich, shaded hues beneath an enchanted forest canopy. It features the profound #004D40 (Dark Cyan) and #002F4D (Dark Blue), complemented by the vibrant #2E7D32 (Forest Green) and #5DA66B (Medium Sea Green), with a grounding #2C5D8A (Dark Blue). This palette is exceptionally useful for designers and developers crafting natural, deep, and subtly magical digital experiences. It offers a sophisticated visual narrative for themes of mystery, nature, and tranquility, perfect for projects seeking an organic yet intriguing aesthetic.

Best used for

  • Mystical or fantasy-themed branding
  • Deep sea or forest documentary interfaces
  • Eco-tourism websites with a sophisticated edge
  • Packaging for artisanal or luxury natural products
  • Digital art with a serene, mysterious atmosphere
  • Educational apps focused on natural sciences

Suggested color roles

primary

Utilize #004D40 as the foundational color for main backgrounds, headers, or robust branding elements, establishing deep natural authority.

secondary

Apply #2E7D32 for supporting content areas, subheadings, or secondary UI components, offering a balanced, vibrant green.

accent

Reserve #5DA66B for subtle highlights, interactive elements, or delicate decorative details, providing a fresh, gentle lift.

background

Choose #002F4D for a deep, mysterious background that allows lighter greens to pop, or a very light gray for enhanced readability.

text

For body text, a light color like soft white or #5DA66B provides excellent contrast on darker backgrounds. On lighter backgrounds (if used), a dark neutral like #004D40 or black ensures readability.

Accessibility notes

  • Ensure sufficient contrast between the light #5DA66B and darker colors like #004D40 or #002F4D for all text and interactive elements.
  • Be mindful of contrast between adjacent dark tones like #004D40 and #002F4D if used for crucial distinctions.
  • Verify that text on #2E7D32 (a darker green) uses a light enough color to meet WCAG AA standards.
  • Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Deep Forest Mystery

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

#004D40 · #002F4D · #2E7D32

Canopy Glimmer

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

#2E7D32 · #5DA66B · #2C5D8A

Mystic Depths

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

#002F4D · #5DA66B · #004D40

CSS variables

:root {
  --enchanted-forest-canopy-5-1: #004D40;
  --enchanted-forest-canopy-5-2: #2E7D32;
  --enchanted-forest-canopy-5-3: #5DA66B;
  --enchanted-forest-canopy-5-4: #002F4D;
  --enchanted-forest-canopy-5-5: #2C5D8A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-5": {
        1: "#004D40",
        2: "#2E7D32",
        3: "#5DA66B",
        4: "#002F4D",
        5: "#2C5D8A",
      }
    }
  }
}

Related searches

deep green blue palettemystical forest colorsnature magic brandingdark teal green UI designearthy mysterious web scheme

Palette colors

Hex values

Color 1#004D40
·
Color 2#2E7D32
·
Color 3#5DA66B
·
Color 4#002F4D
·
Color 5#2C5D8A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.3:1AA18
1.4:1Fail
1.4:1Fail
2
1.9:1Fail
1.7:1Fail
2.7:1Fail
1.3:1Fail
3
3.3:1AA18
1.7:1Fail
4.7:1AA
2.3:1Fail
4
1.4:1Fail
2.7:1Fail
4.7:1AA
2:1Fail
5
1.4:1Fail
1.3:1Fail
2.3:1Fail
2:1Fail

Similar palettes

More like Enchanted Forest Canopy

View all earth
Ancient Forest Realm
Deep Forest Fern
Deep Forest Undergrowth
Emerald Canopy Mist
Emerald Moss Canopy
Enchanted Forest Canopy