Back to palettes

Palette

Enchanted Forest Veil

Deep, mystical greens and muted teals that evoke the shadowed, hidden corners of an enchanted forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E3F#4A6364#7BA2A4#B2D0D1#1F2D2E

Palette guide

How to use Enchanted Forest Veil

Overview

The Enchanted Forest Veil palette captures the shadowed, hidden corners of an enchanted forest with its deep, mystical greens and muted teals. Ranging from the profound #1F2D2E to the airy #B2D0D1, including a balanced #7BA2A4, this collection is atmospheric and mysterious. It's an excellent choice for designers and developers crafting dark mode UI, sophisticated branding, or atmospheric photography backdrops. The cool, muted tones create a sense of depth, tranquility, and subtle magic, perfect for projects seeking an elegant and intriguing visual experience.

Best used for

  • Dark mode user interfaces
  • Sophisticated and luxury branding
  • Mystery novel covers and themes
  • Atmospheric photography backdrops
  • Tranquil spaces and meditation apps
  • Digital art with a mysterious mood

Suggested color roles

primary

Use #1F2D2E as a deep, shadowy primary color for backgrounds, headers, or dominant brand elements in dark mode.

secondary

Apply #2C3E3F for rich, supportive dark teal-green elements, providing depth and continuity.

accent

Introduce #7BA2A4 as a subtle, ethereal highlight for interactive elements, delicate details, or calls-to-action.

background

Utilize #B2D0D1 for light, misty backdrops, or #1F2D2E for a deep, encompassing dark theme.

text

White or a very light grey offers excellent contrast on #1F2D2E, #2C3E3F, and #4A6364. Use #1F2D2E for text on #B2D0D1.

Accessibility notes

  • White text on #1F2D2E provides optimal contrast for readability in dark themes.
  • Ensure sufficient contrast when using #7BA2A4 for text on #B2D0D1; aim for larger font sizes or decorative usage.
  • Avoid using dark text on any color darker than #7BA2A4 to maintain readability.
  • The palette is well-suited for dark themes; consistently use light text for best accessibility.

Recommended combinations

Shadowed Depths

A powerful combination for primary layouts, balancing deep teal with a subtle, ethereal highlight.

#1F2D2E · #2C3E3F · #7BA2A4

Misty Layers

Create layered backgrounds or content blocks, evoking diffused light and a mysterious atmosphere.

#B2D0D1 · #7BA2A4 · #4A6364

Dark & Light

Employ for strong visual hierarchy, using the darkest and lightest hues for clear foreground/background separation.

#1F2D2E · #B2D0D1 · #4A6364

CSS variables

:root {
  --enchanted-forest-veil-1: #2C3E3F;
  --enchanted-forest-veil-2: #4A6364;
  --enchanted-forest-veil-3: #7BA2A4;
  --enchanted-forest-veil-4: #B2D0D1;
  --enchanted-forest-veil-5: #1F2D2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-veil": {
        1: "#2C3E3F",
        2: "#4A6364",
        3: "#7BA2A4",
        4: "#B2D0D1",
        5: "#1F2D2E",
      }
    }
  }
}

Related searches

deep teal green palettemysterious forest colorsdark enchanted UImuted woodland schemeatmospheric nature branding

Palette colors

Hex values

Color 1#2C3E3F
·
Color 2#4A6364
·
Color 3#7BA2A4
·
Color 4#B2D0D1
·
Color 5#1F2D2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4:1AA18
6.9:1AA
1.3:1Fail
2
1.7:1Fail
2.3:1Fail
3.9:1AA18
2.2:1Fail
3
4:1AA18
2.3:1Fail
1.7:1Fail
5.1:1AA
4
6.9:1AA
3.9:1AA18
1.7:1Fail
8.7:1AAA
5
1.3:1Fail
2.2:1Fail
5.1:1AA
8.7:1AAA

Similar palettes

More like Enchanted Forest Veil

View all dark
Dark Forest Canopy
Deep Forest Murmur
Deep Undergrowth Shadow
Enchanted Forest Realm
Midnight Forest Trail
Murmur Wood Shadow