Palette

Enchanted Deep Wood

Ventures into the magical, shadowed depths of an enchanted forest with ancient trees and hidden light.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Deep Wood 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 Deep Wood.

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

Data visualization

#003300#228B22#3CB371#66CDAA#ADD8E6

Palette guide

How to use Enchanted Deep Wood

Overview

The Enchanted Deep Wood palette ventures into the magical, shadowed depths of an enchanted forest, showcasing a range of greens from profound dark green #003300 and vibrant forest green #228B22 to fresh medium sea green #3CB371, complemented by a cool turquoise #66CDAA and light blue #ADD8E6. This collection captures ancient trees and hidden light, perfect for mystical and natural designs. It offers designers a versatile range for creating immersive, serene, and magical visual experiences.

Best used for

Fantasy game environments
Nature-themed websites and blogs
Eco-conscious branding
Children's story illustrations
Outdoor adventure marketing
Serene app backgrounds

Suggested color roles

primary

Use #003300 as the deepest, anchoring forest green for strong foundations or dark backgrounds.

secondary

Apply #228B22 for vibrant, supportive mid-green tones in content areas or larger graphical elements.

accent

Incorporate #ADD8E6 as a light, ethereal highlight for interactive elements or subtle glows.

background

Utilize #ADD8E6 for airy, cool backgrounds that enhance the palette's fresh and mystical mood.

text

For light backgrounds like #ADD8E6, use dark charcoal or black. For dark colors like #003300, opt for white or light grey.

Accessibility notes

Ensure strong contrast for dark text on #ADD8E6 to maintain readability.
Avoid using #66CDAA and #ADD8E6 for small text against each other due to low contrast.
Check icon readability on #3CB371, ensuring it stands out clearly.
Verify contrast for #228B22 on light backgrounds to meet accessibility standards for highlights.

Recommended combinations

Forest Depths

Creates rich, layered green for deep forest scenes, strong branding, or impactful visual hierarchy.

#003300 · #228B22 · #3CB371

Misty Glade

Offers a soft, ethereal blend for backgrounds, light accents, and conveying tranquility.

#ADD8E6 · #66CDAA · #3CB371

Vibrant Accents

Provides a strong primary with a cool accent, suitable for headers, calls to action, and key information.

#003300 · #ADD8E6 · #228B22

CSS variables

:root {
  --enchanted-deep-wood-1: #003300;
  --enchanted-deep-wood-2: #228B22;
  --enchanted-deep-wood-3: #3CB371;
  --enchanted-deep-wood-4: #66CDAA;
  --enchanted-deep-wood-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-deep-wood": {
        1: "#003300",
        2: "#228B22",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#003300

Color 2#228B22

Color 3#3CB371

Color 4#66CDAA

Color 5#ADD8E6

Accessibility

Contrast checker

3.2:1AA18

5.3:1AA

7.4:1AAA

9.3:1AAA

3.2:1AA18

1.6:1Fail

2.3:1Fail

2.9:1Fail

5.3:1AA

1.6:1Fail

1.4:1Fail

1.7:1Fail

7.4:1AAA

2.3:1Fail

1.4:1Fail

1.3:1Fail

9.3:1AAA

2.9:1Fail

1.7:1Fail

1.3:1Fail

Similar palettes

More like Enchanted Deep Wood

View all dark

Emerald Dragon Scale

Enchanted Evergreen Depth

Enchanted Gloom Nook

Forest Canopy Seclusion

Mystic Forest Shroud

Mystic Woods Bloom