Back to palettes

Palette

Enchanted Forest Mist

A muted, ethereal palette evoking the mysterious, dewy tranquility of a forest shrouded in mist.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#6B8E23#708090#A9A9A9#B0C4DE

Palette guide

How to use Enchanted Forest Mist

Overview

The Enchanted Forest Mist palette captures the mysterious, dewy tranquility of a forest shrouded in fog. This ethereal collection features deep teal-grey #2F4F4F, a soft olive green #6B8E23, and cool misty greys like #708090 and #A9A9A9. It's an excellent choice for designers and developers seeking to create calm, sophisticated, or atmospheric digital experiences. Ideal for mystical narratives, subtle branding, or luxury packaging, this palette provides a harmonious blend that feels both grounding and otherworldly, perfect for evoking a sense of quiet wonder.

Best used for

  • Mystical and fantasy narratives
  • Calm and sophisticated digital experiences
  • Subtle and elegant branding
  • Atmospheric photography backdrops
  • Luxury product packaging
  • Historical or heritage themes

Suggested color roles

primary

Use #2F4F4F as a deep, mysterious primary for main sections, providing a strong, dark base.

secondary

Apply #708090 for cool, misty grey backgrounds or supportive elements, creating a soft visual texture.

accent

Introduce #6B8E23 as a subtle, earthy accent for interactive elements or to add a touch of natural life.

background

Utilize #A9A9A9 for soft, neutral backgrounds, or #B0C4DE for a slightly cooler, lighter base.

text

Pair #2F4F4F or a dark grey for text on lighter backgrounds like #A9A9A9. White text works well on #2F4F4F.

Accessibility notes

  • Ensure sufficient contrast for text on #A9A9A9 and #B0C4DE; use darker colors like #2F4F4F.
  • White text provides excellent readability on the dark #2F4F4F, suitable for important headings.
  • Avoid placing #708090 text directly on #A9A9A9 as contrast may be insufficient for accessibility.
  • The #6B8E23 accent may require specific testing against grey backgrounds to ensure legibility.

Recommended combinations

Misty Depths

Create a profound, layered background effect, suitable for dark mode or atmospheric visuals.

#2F4F4F · #708090 · #B0C4DE

Earthy Whisper

Use the olive green as a subtle pop against cool greys, with the darkest shade for grounding.

#6B8E23 · #A9A9A9 · #2F4F4F

Tranquil Fade

Ideal for soft gradients or backgrounds where a sense of calm and gradual transition is desired.

#B0C4DE · #708090 · #6B8E23

CSS variables

:root {
  --enchanted-forest-mist-1: #2F4F4F;
  --enchanted-forest-mist-2: #6B8E23;
  --enchanted-forest-mist-3: #708090;
  --enchanted-forest-mist-4: #A9A9A9;
  --enchanted-forest-mist-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-mist": {
        1: "#2F4F4F",
        2: "#6B8E23",
        3: "#708090",
        4: "#A9A9A9",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

misty forest color palettecalm grey green schemeethereal design colorsmysterious woodland UItranquil nature branding

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#6B8E23
·
Color 3#708090
·
Color 4#A9A9A9
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.2:1Fail
3.8:1AA18
5:1AA
2
2.3:1Fail
1.1:1Fail
1.6:1Fail
2.1:1Fail
3
2.2:1Fail
1.1:1Fail
1.7:1Fail
2.3:1Fail
4
3.8:1AA18
1.6:1Fail
1.7:1Fail
1.3:1Fail
5
5:1AA
2.1:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Enchanted Forest Mist

View all earth
Pine Forest Echo
Ancient Forest Hearth
Ancient Grove Calm
Ancient Moss Rune
Ancient Moss Whisper
Bamboo Grove