Palette

Mystic Woods Veil

Evokes the mysterious and cool ambiance of a deep, shadowed forest after a gentle rain.

coolnatural5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Woods 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 Mystic Woods Veil.

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

Data visualization

#3A5F4C#5E8F7A#8FBCA3#C4E0D2#2B453D

Palette guide

How to use Mystic Woods Veil

Overview

The Mystic Woods Veil palette offers a serene and grounded collection of cool greens, perfect for evoking a natural, tranquil atmosphere. Featuring a deep forest green like #3A5F4C, a muted moss tone #5E8F7A, and the airy mist green #C4E0D2, this palette is ideal for projects aiming for an organic and sophisticated feel. The darkest shade, #2B453D, provides strong contrast, while #8FBCA3 offers a gentle accent. Designers and developers will find these hues versatile for creating immersive digital experiences or physical branding that resonates with nature's calm. Its harmonious blend ensures visual comfort and a timeless aesthetic.

Best used for

Nature-inspired branding and logos
Wellness and spa website design
Eco-friendly product packaging
Mobile apps for meditation or mindfulness
Interior design concepts for serene spaces
Editorial layouts and book covers with an organic theme

Suggested color roles

primary

A grounding deep forest green, excellent for dominant brand elements, large headers, or primary branding elements, conveying stability and depth (#3A5F4C).

secondary

A balanced moss green, perfect for subheadings, navigation menus, or supporting graphical elements, maintaining a natural flow (#5E8F7A).

accent

A soft, ethereal sage green, ideal for subtle highlights, interactive buttons, icons, or decorative details, adding a touch of lightness (#8FBCA3).

background

A pale, misty green, providing a clean and breathable canvas for content, ensuring readability with darker text, or for clean interface backgrounds (#C4E0D2).

text

A rich, dark forest charcoal, ensuring high contrast and legibility for body text, important labels, and footers against lighter backgrounds (#2B453D).

Accessibility notes

Ensure sufficient contrast between #2B453D text and lighter backgrounds like #C4E0D2 or #8FBCA3 for optimal readability.
Use #3A5F4C or #5E8F7A as text colors on #C4E0D2 for good contrast in larger text or headings.
Avoid placing #8FBCA3 text directly on #C4E0D2 as the contrast might be too low for body copy.
Test color combinations with accessibility tools to meet WCAG standards, especially for interactive elements.

Recommended combinations

Forest Depths

A strong, high-contrast combination suitable for primary branding, dark mode interfaces, or bold headlines on a light background.

#2B453D · #3A5F4C · #C4E0D2

Misted Greens

A softer, harmonious blend perfect for natural illustrations, serene backgrounds, or secondary information panels.

#5E8F7A · #8FBCA3 · #C4E0D2

Grounded Calm

Ideal for conveying stability and organic depth in footer designs, navigation bars, or data visualizations.

#3A5F4C · #5E8F7A · #2B453D

CSS variables

:root {
  --mystic-woods-veil-1: #3A5F4C;
  --mystic-woods-veil-2: #5E8F7A;
  --mystic-woods-veil-3: #8FBCA3;
  --mystic-woods-veil-4: #C4E0D2;
  --mystic-woods-veil-5: #2B453D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woods-veil": {
        1: "#3A5F4C",
        2: "#5E8F7A",
        3: "#8FBCA3",
        4: "#C4E0D2",
        5: "#2B453D",
      }
    }
  }
}

Hex values

Color 1#3A5F4C

Color 2#5E8F7A

Color 3#8FBCA3

Color 4#C4E0D2

Color 5#2B453D

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

5.1:1AA

1.4:1Fail

1.9:1Fail

1.7:1Fail

2.6:1Fail

2.8:1Fail

3.4:1AA18

1.7:1Fail

1.5:1Fail

4.9:1AA

5.1:1AA

2.6:1Fail

1.5:1Fail

7.4:1AAA

1.4:1Fail

2.8:1Fail

4.9:1AA

7.4:1AAA

Similar palettes

More like Mystic Woods Veil

View all cool

Deep Mossy Glen

Emerald Grove Sanctuary