Palette

Ethereal Wood Nymph

Soft, cool tones that evoke the delicate, ethereal presence of a wood nymph in a serene forest.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Wood Nymph 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 Wood Nymph.

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

Data visualization

#5F736F#8BA6A0#B8C7C4#D7E1DF#92ACA6

Palette guide

How to use Ethereal Wood Nymph

Overview

The Ethereal Wood Nymph palette captures the delicate and serene essence of a mythical forest dweller, blending cool, muted greens with subtle greys. This harmonious collection features the grounding #5F736F and the slightly brighter #92ACA6, providing a natural, earthy core. Lighter tones like #8BA6A0, #B8C7C4, and the almost-white #D7E1DF introduce an airy, delicate quality, reminiscent of dappled sunlight through leaves. Designers aiming for a calm, sophisticated, and nature-inspired aesthetic will find this palette incredibly useful. It's ideal for branding that conveys tranquility, organic beauty, or understated elegance, as well as for clean UI/UX and editorial content. Developers can utilize these versatile hex codes for soft backgrounds, subtle interactive elements, and harmonious typography.

Best used for

Eco-friendly brand identity and packaging
Wellness and mindfulness product design
Interior design concepts for serene spaces
Nature photography portfolios
Sustainable fashion or lifestyle blogs
UI/UX for educational or environmental apps

Suggested color roles

primary

A deep, muted green-grey, #5F736F, excellent for main headings, navigation bars, or key brand elements, conveying stability and a natural feel.

secondary

A softer, earthy green, #92ACA6, suitable for subheadings, secondary calls-to-action, or supporting graphical elements, maintaining harmony.

accent

A light, cool green, #8BA6A0, perfect for subtle highlights, hover states, or small interactive elements, adding a touch of freshness.

background

A very light, almost white, with a cool, subtle green undertone, #D7E1DF, providing a clean, airy canvas that enhances readability.

text

A deep, dark green-grey like #444C4A is recommended for body text on lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

Ensure sufficient contrast when using #8BA6A0 or #B8C7C4 as text on #D7E1DF; they might be too light for small text.
The darkest color, #5F736F, offers good contrast against #D7E1DF and #B8C7C4 for text.
Always use a dark, contrasting color (e.g., black or dark green-grey) for body text against any of the lighter palette backgrounds.
Verify contrast ratios for interactive elements, especially if using lighter tones for icons or labels.

Recommended combinations

Forest Whisper

Ideal for creating depth in illustrations or layered UI elements, evoking a soft, natural progression.

#5F736F · #8BA6A0 · #B8C7C4

Nymph's Gaze

Excellent for clean, minimalist layouts where the lightest color forms the base and darker tones provide structure and emphasis.

#D7E1DF · #92ACA6 · #5F736F

Moss & Stone

Perfect for subtle patterns, background textures, or soft branding elements that need a gentle, organic feel.

#92ACA6 · #B8C7C4 · #D7E1DF

CSS variables

:root {
  --ethereal-wood-nymph-1: #5F736F;
  --ethereal-wood-nymph-2: #8BA6A0;
  --ethereal-wood-nymph-3: #B8C7C4;
  --ethereal-wood-nymph-4: #D7E1DF;
  --ethereal-wood-nymph-5: #92ACA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-wood-nymph": {
        1: "#5F736F",
        2: "#8BA6A0",
        3: "#B8C7C4",
        4: "#D7E1DF",
        5: "#92ACA6",
      }
    }
  }
}

Hex values

Color 1#5F736F

Color 2#8BA6A0

Color 3#B8C7C4

Color 4#D7E1DF

Color 5#92ACA6

Accessibility

Contrast checker

1.9:1Fail

2.9:1Fail

3.8:1AA18

2.1:1Fail

1.9:1Fail

1.5:1Fail

2:1Fail

1.1:1Fail

2.9:1Fail

1.5:1Fail

1.3:1Fail

1.4:1Fail

3.8:1AA18

2:1Fail

1.3:1Fail

1.8:1Fail

2.1:1Fail

1.1:1Fail

1.4:1Fail

1.8:1Fail

Similar palettes

More like Ethereal Wood Nymph

View all cool

Emerald Bough Serene

Enchanted Forest Stream

Enchanted Forest Veil

Faerie Glen Mystery

Forest Canopy Mist

Jungle Canopy Mist