Palette

Enchanted Forest Veil

Deep, mystical greens lightening to a magical mist, hinting at a hidden, enchanted wood.

coolcalm5 colors

More cool 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

#083D0D#2F6739#5AA165#9ACD97#DBEDDB

Palette guide

How to use Enchanted Forest Veil

Overview

The Enchanted Forest Veil palette presents deep, mystical greens lightening to a magical mist, hinting at a hidden, ancient wood. With profound forest green #083D0D, balanced moss green #5AA165, and an ethereal light green #DBEDDB, this collection is serene and captivating. It's an excellent choice for designers and developers crafting serene web designs, nature conservation branding, or fantasy art. The harmonious progression of greens creates an atmosphere of quiet wonder, perfect for projects seeking a tranquil, mysterious, and eco-conscious visual experience.

Best used for

Serene web designs and applications
Nature conservation branding
Fantasy art and illustrations
Eco-friendly product lines
Calming meditation apps
Botanical garden visual identities

Suggested color roles

primary

Use #083D0D as a deep, mysterious primary color for backgrounds, headers, or dominant brand elements.

secondary

Apply #2F6739 for rich, supportive green elements, providing depth and continuity.

accent

Introduce #9ACD97 as a soft, misty highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #DBEDDB for light, ethereal backdrops, providing a fresh and airy canvas for content.

text

White or a very light grey offers excellent contrast on #083D0D and #2F6739. Use #083D0D for text on #DBEDDB.

Accessibility notes

Ensure sufficient contrast for text on #DBEDDB; darker colors like #083D0D are highly recommended.
White text provides excellent readability on #083D0D and #2F6739 for headings and important information.
Avoid using #9ACD97 for small text on #DBEDDB as contrast may be too low for accessibility.
All colors are greens, so carefully choose pairings to ensure enough contrast, especially for visual hierarchy.

Recommended combinations

Veiled Depths

A powerful combination for primary layouts, balancing deep greens with a misty, soft highlight.

#083D0D · #2F6739 · #9ACD97

Misty Glow

Create layered backgrounds or content blocks, evoking diffused light and an ethereal atmosphere.

#DBEDDB · #5AA165 · #2F6739

Enchanted Layers

Employ for strong visual contrast, using the mid-tone for content blocks and the lightest/darkest for text/background.

#5AA165 · #083D0D · #DBEDDB

CSS variables

:root {
  --enchanted-forest-veil-2-1: #083D0D;
  --enchanted-forest-veil-2-2: #2F6739;
  --enchanted-forest-veil-2-3: #5AA165;
  --enchanted-forest-veil-2-4: #9ACD97;
  --enchanted-forest-veil-2-5: #DBEDDB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-veil-2": {
        1: "#083D0D",
        2: "#2F6739",
        3: "#5AA165",
        4: "#9ACD97",
        5: "#DBEDDB",
      }
    }
  }
}

Hex values

Color 1#083D0D

Color 2#2F6739

Color 3#5AA165

Color 4#9ACD97

Color 5#DBEDDB

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

6.9:1AA

10.2:1AAA

1.9:1Fail

2.2:1Fail

3.7:1AA18

5.5:1AA

4:1AA18

2.2:1Fail

1.7:1Fail

2.6:1Fail

6.9:1AA

3.7:1AA18

1.7:1Fail

1.5:1Fail

10.2:1AAA

5.5:1AA

2.6:1Fail

1.5:1Fail

Similar palettes

More like Enchanted Forest Veil

View all cool

Emerald Bough Serene

Enchanted Forest Stream