Palette

Ethereal Willow Gloom

Muted greens and misty blues create an enchanted, yet slightly haunting, atmosphere of a mysterious willow forest.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Willow Gloom 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 Willow Gloom.

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

Data visualization

#3D5C4A#668A7C#A4C4BC#D8EFEF#2A4235

Palette guide

How to use Ethereal Willow Gloom

Overview

The Ethereal Willow Gloom palette evokes the mysterious and serene atmosphere of a mystical willow forest at twilight. This deep and captivating collection features rich, muted greens like #3D5C4A and the even darker #2A4235, providing a strong, earthy foundation. Lighter, misty tones such as #668A7C and #A4C4BC introduce an ethereal quality, while #D8EFEF offers a whisper of light, reminiscent of mist or moonlight. Designers aiming for a sophisticated, nature-inspired, or slightly moody aesthetic will find this palette incredibly versatile. It's perfect for branding that conveys depth, tranquility, or a touch of enchantment, as well as for editorial design and digital interfaces that benefit from a grounded yet airy feel. Developers can use these hex codes to create immersive and atmospheric user experiences.

Best used for

Nature-inspired luxury brand websites
Mystical or fantasy-themed game interfaces
Eco-conscious product packaging
Forest retreat or wellness resort branding
Dark mode UI themes with a natural twist
Editorial design for environmental or historical content

Suggested color roles

primary

A deep, forest green, #3D5C4A, excellent for main headings, navigation bars, or significant graphical elements, conveying depth and stability.

secondary

A softer, muted green, #668A7C, suitable for subheadings, secondary calls-to-action, or supporting design elements, adding harmony.

accent

A light, misty green, #A4C4BC, perfect for subtle highlights, hover states, or small interactive elements, bringing a touch of ethereal glow.

background

A very light, almost white, with a cool undertone, #D8EFEF, providing a clean, airy canvas that contrasts beautifully with the darker greens.

text

The deepest green in the palette, #2A4235, ideal for body text on lighter backgrounds, ensuring excellent readability and cohesion. For dark backgrounds, use #D8EFEF or white.

Accessibility notes

Ensure sufficient contrast when using #668A7C as text on #D8EFEF; it might be too light for small text.
#A4C4BC should primarily be used for accents or larger text elements on dark backgrounds, not for body text on light backgrounds.
The darkest color, #2A4235, provides excellent contrast against #D8EFEF and #A4C4BC for text.
When using the darker greens as backgrounds, ensure text colors like #D8EFEF or white have good contrast.

Recommended combinations

Forest Mist

Ideal for creating gradients or layered elements that evoke depth and a misty, natural feel.

#3D5C4A · #668A7C · #A4C4BC

Willow Shadow

Excellent for dark mode themes, providing strong contrast for text and subtle highlights.

#2A4235 · #668A7C · #D8EFEF

Gloom Bloom

Perfect for clean layouts where the lighter colors form the canvas and darker greens provide structure and emphasis.

#D8EFEF · #A4C4BC · #3D5C4A

CSS variables

:root {
  --ethereal-willow-gloom-1: #3D5C4A;
  --ethereal-willow-gloom-2: #668A7C;
  --ethereal-willow-gloom-3: #A4C4BC;
  --ethereal-willow-gloom-4: #D8EFEF;
  --ethereal-willow-gloom-5: #2A4235;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-willow-gloom": {
        1: "#3D5C4A",
        2: "#668A7C",
        3: "#A4C4BC",
        4: "#D8EFEF",
        5: "#2A4235",
      }
    }
  }
}

Hex values

Color 1#3D5C4A

Color 2#668A7C

Color 3#A4C4BC

Color 4#D8EFEF

Color 5#2A4235

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

6.2:1AA

1.5:1Fail

1.9:1Fail

2:1Fail

3.2:1AA18

2.8:1Fail

4:1AA18

2:1Fail

1.6:1Fail

5.8:1AA

6.2:1AA

3.2:1AA18

1.6:1Fail

9.1:1AAA

1.5:1Fail

2.8:1Fail

5.8:1AA

9.1:1AAA

Similar palettes

More like Ethereal Willow Gloom

View all dark

Deep Forest Canopy

Enchanted Deep Wood

Ancient Forest Depths

Ancient Woodland Path

Dark Forest Canopy

Dark Forest Glade