Back to palettes

Palette

Ethereal Forest Mist

Soft, muted greens and teals capture the mysterious, dreamlike quality of a forest shrouded in mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A2D9D2#6EBBAE#DCEEE9#8CABA7#C3E2DE

Palette guide

How to use Ethereal Forest Mist

Overview

The 'Ethereal Forest Mist' palette evokes the mysterious, dreamlike quality of a forest shrouded in mist with its soft, muted greens and teals. Featuring a light teal #A2D9D2, a deeper teal-green #6EBBAE, an airy off-white #DCEEE9, a subtle grey-green #8CABA7, and a calming #C3E2DE, this scheme is perfect for conveying tranquility and natural elegance. Developers and designers can utilize this palette to craft serene interfaces, branding, or digital art that feels both sophisticated and calming, reflecting the subtle beauty of a misty woodland. It’s ideal for projects seeking a gentle, harmonious, and organic aesthetic.

Best used for

  • Spa and wellness product branding
  • Nature-themed documentaries
  • Serene UI/UX designs
  • Sustainable fashion collections
  • Calming home decor visuals
  • Environmental awareness campaigns

Suggested color roles

primary

Use #6EBBAE (a deeper teal-green) as a grounding primary color, establishing a misty depth suitable for headers or main sections.

secondary

Employ #A2D9D2 (a lighter teal) for supporting content, subheadings, or secondary calls to action, providing an airy complement.

accent

Apply #C3E2DE (a soft, light teal-green) for subtle highlights, delicate borders, or hover states that require a gentle visual cue.

background

Utilize #DCEEE9 (an airy, near-white green) as the main background to create a clean, expansive canvas, enhancing the palette's lightness.

text

For optimal readability on light backgrounds, use a dark charcoal or black. #6EBBAE works well for headings or important text on #DCEEE9.

Accessibility notes

  • The very light colors, #DCEEE9 and #C3E2DE, have minimal contrast; avoid using them for adjacent critical text or interactive elements.
  • Ensure text on #A2D9D2 provides sufficient contrast, typically requiring a darker color like #6EBBAE or black for readability.
  • Always check WCAG contrast ratios for text and interactive elements, especially on medium shades like #8CABA7.
  • Avoid using light text colors on the darker greens to prevent legibility issues; opt for dark text on lighter backgrounds.

Recommended combinations

Misty Base

Creates a clean, tranquil UI base, ideal for website layouts and informational displays, offering clarity with a soft, natural feel.

#DCEEE9 · #C3E2DE · #6EBBAE

Deep Mist

Excellent for illustrations, moody branding, or sections requiring more depth and a richer, ethereal atmosphere.

#8CABA7 · #6EBBAE · #A2D9D2

Forest Glow

Ideal for subtle branding, layered elements, or visual storytelling that evokes light filtering through a misty forest.

#DCEEE9 · #A2D9D2 · #8CABA7

CSS variables

:root {
  --ethereal-forest-mist-1: #A2D9D2;
  --ethereal-forest-mist-2: #6EBBAE;
  --ethereal-forest-mist-3: #DCEEE9;
  --ethereal-forest-mist-4: #8CABA7;
  --ethereal-forest-mist-5: #C3E2DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-forest-mist": {
        1: "#A2D9D2",
        2: "#6EBBAE",
        3: "#DCEEE9",
        4: "#8CABA7",
        5: "#C3E2DE",
      }
    }
  }
}

Related searches

misty green paletteserene teal colorswoodland aesthetic UIcalm natural designenvironmental color scheme

Palette colors

Hex values

Color 1#A2D9D2
·
Color 2#6EBBAE
·
Color 3#DCEEE9
·
Color 4#8CABA7
·
Color 5#C3E2DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.3:1Fail
1.6:1Fail
1.1:1Fail
2
1.4:1Fail
1.9:1Fail
1.1:1Fail
1.6:1Fail
3
1.3:1Fail
1.9:1Fail
2.1:1Fail
1.1:1Fail
4
1.6:1Fail
1.1:1Fail
2.1:1Fail
1.8:1Fail
5
1.1:1Fail
1.6:1Fail
1.1:1Fail
1.8:1Fail

Similar palettes

More like Ethereal Forest Mist

View all cool
Forest Stream Pebbles
Deep Forest Lull
Enchanted Garden Mist
Enchanted Grove Mist
Eucalyptus Haze
Fjord Twilight