Back to palettes

Palette

Woodland Mist Veil

Soft, muted greens and greys inspired by a tranquil forest shrouded in a gentle morning mist.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A4736#60735E#92A390#C4D0C2#E8EBE8

Palette guide

How to use Woodland Mist Veil

Overview

The Woodland Mist Veil palette offers a serene collection of soft, muted greens and greys, inspired by a tranquil forest shrouded in a gentle morning mist. It features the deep Dark Olive Green (#3A4736) and the calming Muted Green (#60735E), reminiscent of distant trees. These are beautifully complemented by the lighter Sage Green (#92A390) and Pale Greenish Grey (#C4D0C2), evoking the ethereal quality of fog. The palette is completed with a very light Grey (#E8EBE8), providing an airy, expansive feel. This collection is ideal for designers and developers seeking a calm, minimalist, and sophisticated aesthetic, perfect for conveying tranquility and natural elegance.

Best used for

  • Meditation and wellness app interfaces
  • Minimalist brand identities and websites
  • Serene nature photography displays
  • Spa and relaxation marketing materials
  • Eco-friendly interior design concepts
  • Calm, understated UI/UX designs

Suggested color roles

primary

Dark Olive Green (#3A4736) serves as a deep, anchoring primary, excellent for headings, main navigation, or grounding elements, conveying stability and depth.

secondary

Muted Green (#60735E) offers a versatile secondary, ideal for content blocks, subheadings, or supporting graphical elements, maintaining a calm, earthy feel.

accent

Pale Greenish Grey (#C4D0C2) provides a soft, ethereal accent, perfect for subtle highlights, interactive elements, or decorative details, adding lightness.

background

Very Light Grey (#E8EBE8) offers an exceptionally clean and expansive canvas, ideal for main content areas, ensuring excellent readability and an airy feel.

text

Dark Olive Green (#3A4736) is the optimal choice for body text on lighter backgrounds like #E8EBE8 or #C4D0C2, ensuring high readability and a cohesive aesthetic.

Accessibility notes

  • Ensure #3A4736 text on #E8EBE8 or #C4D0C2 backgrounds meets WCAG AA contrast standards.
  • Avoid using #60735E on #92A390 for small text due to their close luminance values.
  • For interactive elements, pair #3A4736 with #E8EBE8 for clear visual distinction.
  • Consider larger font sizes for #92A390 if used as headings on backgrounds like #C4D0C2.

Recommended combinations

Misty Depths

Deep green with a very light background and a mid-tone for a sophisticated, calming contrast.

#3A4736 · #E8EBE8 · #60735E

Foggy Glade

Soft green-grey with a pale background and a dark anchor, creating subtle layers and an ethereal atmosphere.

#92A390 · #C4D0C2 · #3A4736

Tranquil Haze

Light background with a muted green and a sage accent for a clean, refreshing, and minimalist design.

#E8EBE8 · #60735E · #92A390

CSS variables

:root {
  --woodland-mist-veil-1: #3A4736;
  --woodland-mist-veil-2: #60735E;
  --woodland-mist-veil-3: #92A390;
  --woodland-mist-veil-4: #C4D0C2;
  --woodland-mist-veil-5: #E8EBE8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-mist-veil": {
        1: "#3A4736",
        2: "#60735E",
        3: "#92A390",
        4: "#C4D0C2",
        5: "#E8EBE8",
      }
    }
  }
}

Related searches

misty forest color palettetranquil green grey schememuted nature palettecalm woodland colorsminimalist green tones

Palette colors

Hex values

Color 1#3A4736
·
Color 2#60735E
·
Color 3#92A390
·
Color 4#C4D0C2
·
Color 5#E8EBE8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
6.2:1AA
8.2:1AAA
2
1.9:1Fail
1.9:1Fail
3.2:1AA18
4.3:1AA18
3
3.7:1AA18
1.9:1Fail
1.7:1Fail
2.2:1Fail
4
6.2:1AA
3.2:1AA18
1.7:1Fail
1.3:1Fail
5
8.2:1AAA
4.3:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Woodland Mist Veil

View all earth
Emerald Canopy Dawn
Mystic Willow Shade
Whispering Forest Path
Ancient Grove Calm
Ancient Moss Rune
Bamboo Grove