Back to palettes

Palette

Enchanted Woodland Mist

Ethereal greens and purples veiled in the soft haze of a magical, ancient forest at dawn.

Darkcalm5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#A9A9A9#A5A3BD#9BB18D#4B5320

Palette guide

How to use Enchanted Woodland Mist

Overview

The Enchanted Woodland Mist palette features ethereal greens and purples, veiled in the soft haze of a magical, ancient forest at dawn. With a vibrant forest green #228B22 and a mystical muted lavender #A5A3BD, this collection is perfect for designers seeking a calm, sophisticated, and slightly mysterious aesthetic. Developers will find these hex codes ideal for crafting serene interfaces, nature-inspired branding, and captivating digital art. The grounding dark olive green #4B5320 and the neutral dark grey #A9A9A9 provide crucial balance, ensuring visual harmony and a distinct sense of tranquil enchantment.

Best used for

  • Wellness and meditation app interfaces
  • Mystical or spiritual brand identities
  • Nature photography websites or portfolios
  • Interior design visualization for calming spaces
  • Book covers for fantasy or magical realism genres
  • Environmental awareness campaign materials

Suggested color roles

primary

#228B22 - A vibrant forest green, excellent for dominant sections, headers, or large graphical elements, establishing a strong, natural foundation.

secondary

#4B5320 - A deep, muted olive green. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding grounding depth.

accent

#A5A3BD - A mystical muted lavender. Perfect for calls-to-action, interactive elements, or key highlights that need a subtle, enchanting pop.

background

#A9A9A9 - A medium dark grey, providing a stable, neutral canvas that allows the greens and lavender to subtly shine through the mist.

text

#228B22 - This vibrant forest green offers good readability against the medium grey background, maintaining the palette's organic and calm feel.

Accessibility notes

  • Ensure #228B22 text on #A9A9A9 background meets WCAG AA contrast standards.
  • Avoid using #9BB18D or #A5A3BD for small text on #A9A9A9 as the contrast may be insufficient; reserve them for larger headings or decorative elements.
  • For interactive elements, always verify the contrast of the accent color against its background.
  • Consider using a pure black or dark charcoal for critical text if #228B22 doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Misty Grove

Forest green for dominant elements, dark grey for background, and muted lavender for subtle magical accents or text.

#228B22 · #A9A9A9 · #A5A3BD

Ethereal Layers

Layered content blocks with dark olive as base, muted sage for cards, and dark grey for subtle borders or secondary text.

#4B5320 · #9BB18D · #A9A9A9

Calm Enchantment

A neutral grey background, vibrant forest green for headings and main text, and a mystical lavender accent for key interactive elements.

#A9A9A9 · #228B22 · #A5A3BD

CSS variables

:root {
  --enchanted-woodland-mist-1: #228B22;
  --enchanted-woodland-mist-2: #A9A9A9;
  --enchanted-woodland-mist-3: #A5A3BD;
  --enchanted-woodland-mist-4: #9BB18D;
  --enchanted-woodland-mist-5: #4B5320;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-woodland-mist": {
        1: "#228B22",
        2: "#A9A9A9",
        3: "#A5A3BD",
        4: "#9BB18D",
        5: "#4B5320",
      }
    }
  }
}

Related searches

misty forest color palettemystical green purple schemecalm woodland UI designdark olive green greyenchanted nature branding

Palette colors

Hex values

Color 1#228B22
·
Color 2#A9A9A9
·
Color 3#A5A3BD
·
Color 4#9BB18D
·
Color 5#4B5320
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
1.9:1Fail
1.9:1Fail
2
1.9:1Fail
1:1Fail
1:1Fail
3.5:1AA18
3
1.8:1Fail
1:1Fail
1.1:1Fail
3.4:1AA18
4
1.9:1Fail
1:1Fail
1.1:1Fail
3.5:1AA18
5
1.9:1Fail
3.5:1AA18
3.4:1AA18
3.5:1AA18

Similar palettes

More like Enchanted Woodland Mist

View all Dark
Celestial Dust Veil
Deep Sea Lullaby
Deep Forest Seclusion
Deep Woodland Shrine
Enchanted Grove Hush
Forest Canopy Mist