Back to palettes

Palette

Enchanted Forest

A mysterious and rich palette inspired by the magical, deep shadows of an ancient, enchanted woodland.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004F4F#34623F#4B0082#D4AF37#2F4F4F

Palette guide

How to use Enchanted Forest

Overview

The Enchanted Forest palette is a mysterious and rich collection, inspired by the magical, deep shadows of an ancient woodland. It features a profound teal-green #004F4F, a regal dark purple #4B0082, and a striking golden yellow #D4AF37. This palette is exceptionally useful for designers and developers crafting fantasy game branding, luxury product packaging, or sophisticated website designs. The unexpected combination of deep forest tones with a magical purple and a radiant gold creates an elegant and intriguing visual experience, perfect for conveying mystery and opulence.

Best used for

  • Fantasy game branding and themes
  • Luxury product packaging
  • Mystical event design and invitations
  • Sophisticated website and UI design
  • Storytelling visuals and illustrations
  • Unique artistic projects and branding

Suggested color roles

primary

Use #004F4F as a deep, commanding primary color for backgrounds, headers, or main content blocks.

secondary

Apply #2F4F4F for supportive dark teal-grey elements, providing depth and continuity.

accent

Introduce #D4AF37 as a striking, magical gold accent for calls-to-action, important highlights, or decorative details.

background

Utilize #2F4F4F for a dark, atmospheric base, or a very dark neutral to allow the colors to stand out.

text

White or light gold (#D4AF37) offers excellent contrast on #004F4F, #34623F, and #4B0082. Use #004F4F for text on #D4AF37.

Accessibility notes

  • White text on #004F4F, #34623F, and #4B0082 provides optimal contrast for readability.
  • Ensure sufficient contrast for text on #D4AF37; use a very dark color like #004F4F or black.
  • Avoid using dark text on any color darker than #D4AF37 to maintain readability.
  • The combination of #4B0082 and #D4AF37 offers a vibrant contrast, but ensure text is legible on both.

Recommended combinations

Mystical Glow

A powerful and luxurious combination for hero sections, balancing deep tones with vibrant magical accents.

#004F4F · #4B0082 · #D4AF37

Deep Shadows

Create layered dark backgrounds or content blocks, using gold for subtle, yet striking highlights.

#2F4F4F · #34623F · #D4AF37

Regal Contrast

Employ for strong visual hierarchy, using the purple for elegance, teal for depth, and gold for emphasis.

#4B0082 · #004F4F · #D4AF37

CSS variables

:root {
  --enchanted-forest-1: #004F4F;
  --enchanted-forest-2: #34623F;
  --enchanted-forest-3: #4B0082;
  --enchanted-forest-4: #D4AF37;
  --enchanted-forest-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest": {
        1: "#004F4F",
        2: "#34623F",
        3: "#4B0082",
        4: "#D4AF37",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

dark enchanted color palettemystical green purple goldluxury fantasy colorsancient woodland schemeelegant magical branding

Palette colors

Hex values

Color 1#004F4F
·
Color 2#34623F
·
Color 3#4B0082
·
Color 4#D4AF37
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.4:1Fail
4.5:1AA18
1.1:1Fail
2
1.3:1Fail
1.8:1Fail
3.4:1AA18
1.3:1Fail
3
1.4:1Fail
1.8:1Fail
6.2:1AA
1.5:1Fail
4
4.5:1AA18
3.4:1AA18
6.2:1AA
4.2:1AA18
5
1.1:1Fail
1.3:1Fail
1.5:1Fail
4.2:1AA18

Similar palettes

More like Enchanted Forest

View all dark
Crimson Canopy Twilight
Emerald Canopy Crown
Mystic Forest Shroud
Academia Scholar's Quill
Amethyst Veil Mystique
Art Deco Evening