Palette

Enchanted Grove Veil

Deep and mysterious, like the ancient, shadowed paths of an enchanted forest shrouded in mist.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F2D2D#3F5F4F#6A8B79#9CBBAA#2A4F3F

Palette guide

How to use Enchanted Grove Veil

Overview

The Enchanted Grove Veil palette is deep and mysterious, like the ancient, shadowed paths of a forest shrouded in mist. Featuring profound teal-greens such as #0F2D2D and softer, misty tones like #9CBBAA, this collection is perfect for designers aiming to evoke a sense of enchantment and hidden depths. Developers will find these hex codes excellent for crafting sophisticated dark mode themes, nature-inspired branding, or evocative digital art. The harmonious progression of these green-grey shades, with #6A8B79 providing a crucial mid-tone, ensures visual cohesion and a distinctly mystical atmosphere.

Best used for

Dark mode interfaces for productivity or creative apps
Fantasy-themed video game environments
Branding for artisanal or handcrafted products
Website designs for luxury eco-tourism
Book covers for fantasy or mystery genres
Digital illustrations of magical forest scenes

Suggested color roles

primary

#0F2D2D - A very deep, dark teal-green, ideal for dominant backgrounds, headers, or large graphical elements, establishing a mysterious and grounding presence.

secondary

#2A4F3F - A slightly lighter but still profound forest green, excellent for sub-panels, card backgrounds, or subtle section dividers, adding depth without harsh contrast.

accent

#6A8B79 - A muted, earthy sage green. Perfect for highlighting interactive elements, icons, or subtle decorative details where a touch of gentle contrast is desired.

background

#0F2D2D - Provides a rich, dark, and immersive canvas, setting a deeply enchanting mood.

text

#9CBBAA - A light, silvery green-grey that offers excellent readability against the darker backgrounds, maintaining the ethereal quality of the palette.

Accessibility notes

Ensure #9CBBAA text on #0F2D2D or #2A4F3F backgrounds meets WCAG AA contrast standards.
Avoid using #3F5F4F text on #0F2D2D or #2A4F3F as the contrast may be insufficient for readability, especially for smaller fonts.
For interactive elements using #6A8B79, verify its contrast against the background to ensure visibility for all users.
Consider a slightly brighter, near-white text for critical information if the light greens don't pass strict accessibility checks in smaller sizes.

Recommended combinations

Shadowed Path

Deepest #0F2D2D for the main background, #2A4F3F for secondary sections, and #9CBBAA for clear, readable text.

#0F2D2D · #2A4F3F · #9CBBAA

Misty Layers

Layered content with #2A4F3F as base, #3F5F4F for cards, and #6A8B79 for subtle highlights or borders.

#2A4F3F · #3F5F4F · #6A8B79

Enchanted Glow

Dominant dark background, #9CBBAA for headings and main text, and #6A8B79 for interactive elements or decorative accents.

#0F2D2D · #9CBBAA · #6A8B79

CSS variables

:root {
  --enchanted-grove-veil-1: #0F2D2D;
  --enchanted-grove-veil-2: #3F5F4F;
  --enchanted-grove-veil-3: #6A8B79;
  --enchanted-grove-veil-4: #9CBBAA;
  --enchanted-grove-veil-5: #2A4F3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-grove-veil": {
        1: "#0F2D2D",
        2: "#3F5F4F",
        3: "#6A8B79",
        4: "#9CBBAA",
        5: "#2A4F3F",
      }
    }
  }
}

Hex values

Color 1#0F2D2D

Color 2#3F5F4F

Color 3#6A8B79

Color 4#9CBBAA

Color 5#2A4F3F

Accessibility

Contrast checker

2.1:1Fail

3.9:1AA18

7:1AAA

1.6:1Fail

2.1:1Fail

1.9:1Fail

3.4:1AA18

1.3:1Fail

3.9:1AA18

1.9:1Fail

1.8:1Fail

2.4:1Fail

7:1AAA

3.4:1AA18

1.8:1Fail

4.4:1AA18

1.6:1Fail

1.3:1Fail

2.4:1Fail

4.4:1AA18

Similar palettes

More like Enchanted Grove Veil

View all dark

Dark Forest Glade

Dark Forest Lore

Mystic Woodland Shroud

Ancient Forest Depths

Ancient Woodland Path

Dark Forest Canopy