Back to palettes

Palette

Enchanted Grove Mist

Soft, ethereal greens and greys evoke a magical forest veiled in morning mist and gentle serenity.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4a6d6b#708c87#a0b0ab#c4d1ce#e8ebeb

Palette guide

How to use Enchanted Grove Mist

Overview

The Enchanted Grove Mist palette offers a soft, ethereal blend of cool greens and muted greys, perfectly evoking a magical forest veiled in morning mist. With deep teal-grey like #4a6d6b and serene near-white #e8ebeb, this collection is ideal for designers seeking a tranquil and sophisticated aesthetic. Developers will find these hex codes excellent for creating calming interfaces, elegant branding, and serene digital environments. The gradual progression from darker to lighter tones, anchored by the balanced #a0b0ab, ensures harmonious transitions and a refreshing visual experience. This palette is perfect for projects emphasizing peace and clarity.

Best used for

  • Spa and wellness brand identities
  • Minimalist website designs
  • Interior decor mood boards
  • Nature-inspired photography backdrops
  • Eco-conscious product packaging
  • Serene app interfaces for productivity or meditation

Suggested color roles

primary

#4a6d6b - A deep, cool teal-grey, excellent for grounding elements like headers, footers, or dominant content blocks, establishing a tranquil base.

secondary

#708c87 - A softer, medium grey-green. Ideal for secondary navigation, card backgrounds, or subtle section dividers, adding gentle depth.

accent

#a0b0ab - A light, airy grey-green, perfect for subtle highlights, interactive elements that need a soft touch, or decorative patterns.

background

#e8ebeb - A very light, almost white, cool grey, providing a clean, open, and serene canvas for content.

text

#4a6d6b - This deep teal-grey offers excellent readability against lighter backgrounds, maintaining the palette's cool, natural feel.

Accessibility notes

  • Ensure #4a6d6b text on #e8ebeb background meets WCAG AAA contrast standards for optimal readability.
  • Avoid using #c4d1ce or #a0b0ab for small text on #e8ebeb as the contrast will be insufficient.
  • For interactive elements, ensure the accent color chosen has enough contrast with its surrounding background.
  • Consider using a pure black or dark charcoal for critical text if the palette's darker tones don't meet strict accessibility requirements for smaller font sizes.

Recommended combinations

Misty Morning

#e8ebeb as a clean background, #4a6d6b for prominent headings, and #708c87 for body text, creating a light, readable interface.

#E8EBEB · #4A6D6B · #708C87

Tranquil Layers

Layered content blocks with #708c87 as a base, #a0b0ab for cards, and #c4d1ce for subtle borders or secondary text.

#708C87 · #A0B0AB · #C4D1CE

Deep Serenity

Use #4a6d6b for a strong header or footer, #e8ebeb for the main content area, and #a0b0ab for subtle interactive elements.

#4A6D6B · #E8EBEB · #A0B0AB

CSS variables

:root {
  --enchanted-grove-mist-1: #4a6d6b;
  --enchanted-grove-mist-2: #708c87;
  --enchanted-grove-mist-3: #a0b0ab;
  --enchanted-grove-mist-4: #c4d1ce;
  --enchanted-grove-mist-5: #e8ebeb;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-grove-mist": {
        1: "#4a6d6b",
        2: "#708c87",
        3: "#a0b0ab",
        4: "#c4d1ce",
        5: "#e8ebeb",
      }
    }
  }
}

Related searches

misty green grey palettetranquil cool colorsethereal nature color schemecalm minimalist design colorsserene web UI palette

Palette colors

Hex values

Color 1#4a6d6b
·
Color 2#708c87
·
Color 3#a0b0ab
·
Color 4#c4d1ce
·
Color 5#e8ebeb
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.6:1AA18
4.7:1AA
2
1.6:1Fail
1.6:1Fail
2.3:1Fail
3:1AA18
3
2.5:1Fail
1.6:1Fail
1.4:1Fail
1.9:1Fail
4
3.6:1AA18
2.3:1Fail
1.4:1Fail
1.3:1Fail
5
4.7:1AA
3:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Enchanted Grove Mist

View all cool
Foggy Pine Woods
Misty Forest Veil
Deep Forest Lull
Emerald Valley Mist
Frosted Evergreen Haze
Frosted Evergreen Mist