Palette

Mystic Forest Glade

A deep and enigmatic palette, like a secluded glade hidden within an ancient, mystic forest.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#344934#4A5D4A#6A5ACD#8F9D8F#BCBEC0

Palette guide

How to use Mystic Forest Glade

Overview

The Mystic Forest Glade palette is a deep and enigmatic collection, like a secluded glade hidden within an ancient, mystic forest. It features rich, earthy greens such as #344934 and #4A5D4A, dramatically contrasted by an unexpected and vibrant violet, #6A5ACD. This palette is designed to evoke a sense of magic, mystery, and hidden beauty. Designers and developers can leverage these striking combinations to create compelling visuals that are both grounding and fantastical, ideal for projects that aim to capture attention with a unique blend of natural depth and otherworldly enchantment.

Best used for

Fantasy game environments and character design
Mysterious brand identities for creative ventures
Luxury eco-conscious product packaging and marketing
Digital art with magical or enchanted forest themes
Event promotion for exclusive or secretive gatherings
Storytelling visuals for books, comics, or animations

Suggested color roles

primary

Use #4A5D4A as a deep, versatile green for main content areas, providing a strong connection to nature.

secondary

Employ #8F9D8F as a lighter, muted green for supporting elements, offering gentle contrast and breathability.

accent

Apply #6A5ACD as a vibrant, unexpected violet accent, perfect for calls to action, important highlights, or magical flourishes.

background

Utilize #344934 as a dark, immersive base, setting an enigmatic and grounding atmosphere for other colors to emerge.

text

Choose #BCBEC0 for primary body text against darker backgrounds, ensuring good readability, or a pure white for stronger contrast.

Accessibility notes

Ensure high contrast when using #6A5ACD against darker greens like #344934 or #4A5D4A for key information.
Text in #BCBEC0 may need to be larger or bolder to meet accessibility standards on #4A5D4A or similar mid-tone backgrounds.
Provide clear hover and focus states for interactive elements, potentially using #6A5ACD to draw attention.
Avoid placing light text (#BCBEC0) on #8F9D8F for critical information; opt for a darker green for better contrast.

Recommended combinations

Enchanted Shadow

Creates a dramatic, magical feel with deep greens and a vibrant violet focal point, ideal for hero sections or key visuals.

#344934 · #4A5D4A · #6A5ACD

Glade Light

Offers a progression from light to deep, suitable for backgrounds or elements that require a sense of receding depth.

#BCBEC0 · #8F9D8F · #4A5D4A

Mystic Contrast

Highlights key elements with the bold violet, supported by dark and light neutrals for a striking and balanced composition.

#6A5ACD · #344934 · #BCBEC0

CSS variables

:root {
  --mystic-forest-glade-1: #344934;
  --mystic-forest-glade-2: #4A5D4A;
  --mystic-forest-glade-3: #6A5ACD;
  --mystic-forest-glade-4: #8F9D8F;
  --mystic-forest-glade-5: #BCBEC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-forest-glade": {
        1: "#344934",
        2: "#4A5D4A",
        3: "#6A5ACD",
        4: "#8F9D8F",
        5: "#BCBEC0",
      }
    }
  }
}

Hex values

Color 1#344934

Color 2#4A5D4A

Color 3#6A5ACD

Color 4#8F9D8F

Color 5#BCBEC0

Accessibility

Contrast checker

1.4:1Fail

1.8:1Fail

3.4:1AA18

5.2:1AA

1.4:1Fail

1.3:1Fail

2.5:1Fail

3.8:1AA18

1.8:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

3.4:1AA18

2.5:1Fail

1.9:1Fail

1.5:1Fail

5.2:1AA

3.8:1AA18

2.8:1Fail

1.5:1Fail

Similar palettes

More like Mystic Forest Glade

View all dark

Ancient Forest Depths

Dark Forest Glade

Deep Forest Twilight

Enchanted Forest Realm

Enchanted Forest Veil

Midnight Forest Shade