Back to palettes

Palette

Enchanted Forest Canopy

Deep greens and earthy tones reflecting the dense, mysterious canopy of an old-growth enchanted forest.

darknatural5 colors
More dark 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

#1C3627#3A5B49#5B806F#8BB8A8#0E2018

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette features deep greens and earthy tones, reflecting the dense, mysterious canopy of an old-growth enchanted forest. Ranging from the profound #0E2018 and #1C3627 to the lighter #3A5B49 and #5B806F, with an airy #8BB8A8, this collection is perfect for designers and developers seeking to create natural, deep, and cohesive digital experiences. It provides a versatile spectrum for themes of growth, tranquility, and ancient wisdom, ensuring a fresh and inviting visual narrative across various applications, from branding to user interfaces.

Best used for

  • Eco-friendly and sustainable brand identities
  • Nature photography websites or apps
  • Wellness and mindfulness applications
  • Spring or summer themed marketing
  • Organic food product packaging
  • Digital art emphasizing lush greenery

Suggested color roles

primary

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

secondary

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

accent

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

background

Choose #3A5B49 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 #8BB8A8 provides excellent contrast on darker backgrounds. On lighter backgrounds (if used), a dark neutral like #0E2018 or black ensures readability.

Accessibility notes

  • Ensure sufficient contrast between the lightest green (#8BB8A8) and darkest greens (#0E2018, #1C3627) for text and interactive elements.
  • Be mindful of contrast between adjacent dark tones like #1C3627 and #3A5B49 if used for crucial distinctions.
  • Verify that text on #5B806F (a mid-tone green) uses a dark 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 Shadows

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

#0E2018 · #1C3627 · #3A5B49

Canopy Light

Perfect for light, refreshing backgrounds or subtle overlays that evoke freshness and vitality.

#3A5B49 · #5B806F · #8BB8A8

Lush Verdant

Effective for designs requiring a balanced blend of vibrant mid-tones with grounding deep greens and soft highlights.

#1C3627 · #8BB8A8 · #0E2018

CSS variables

:root {
  --enchanted-forest-canopy-8-1: #1C3627;
  --enchanted-forest-canopy-8-2: #3A5B49;
  --enchanted-forest-canopy-8-3: #5B806F;
  --enchanted-forest-canopy-8-4: #8BB8A8;
  --enchanted-forest-canopy-8-5: #0E2018;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-8": {
        1: "#1C3627",
        2: "#3A5B49",
        3: "#5B806F",
        4: "#8BB8A8",
        5: "#0E2018",
      }
    }
  }
}

Related searches

deep green earthy palettemysterious forest canopy colorslush natural brandingdark green UI designearthy woodland web scheme

Palette colors

Hex values

Color 1#1C3627
·
Color 2#3A5B49
·
Color 3#5B806F
·
Color 4#8BB8A8
·
Color 5#0E2018
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
5.9:1AA
1.3:1Fail
2
1.7:1Fail
1.7:1Fail
3.4:1AA18
2.2:1Fail
3
3:1Fail
1.7:1Fail
2:1Fail
3.8:1AA18
4
5.9:1AA
3.4:1AA18
2:1Fail
7.7:1AAA
5
1.3:1Fail
2.2:1Fail
3.8:1AA18
7.7:1AAA

Similar palettes

More like Enchanted Forest Canopy

View all dark
Ancient Canopy Soul
Conifer Shadow
Deep Forest Seclusion
Elderwood Depths
Enchanted Woodland Glade
Rainforest Shaded Path