Palette

Woodland Nymph Glow

Captures the soft, mystical greens and natural tones of an enchanting, hidden woodland glade.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woodland Nymph Glow 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 Nymph Glow.

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

Data visualization

#5A725A#8D9F8A#D8E2DC#3B4E3B#BCC6BE

Palette guide

How to use Woodland Nymph Glow

Overview

The Woodland Nymph Glow palette perfectly encapsulates the soft, mystical greens of an enchanted forest glade. With grounding tones like #3B4E3B and #5A725A, complemented by the ethereal #8D9F8A and light #D8E2DC, this palette offers a serene and gentle aesthetic. Designers and developers can use these hues to create interfaces and branding that feel both natural and magical. The subtle variations, including #BCC6BE, allow for depth without sacrificing the overall calm and inviting mood, making it ideal for projects seeking a touch of enchantment.

Best used for

Spa and wellness brand identity
Eco-conscious fashion design
Serene interior design concepts
Enchanted garden event themes
Gentle nature photography websites
Sustainable beauty product packaging

Suggested color roles

primary

#3B4E3B serves as a deep, grounding forest green, excellent for main structural elements or text.

secondary

#5A725A provides a muted, calming green, suitable for secondary content blocks or supporting graphics.

accent

#8D9F8A offers a soft, ethereal highlight, perfect for subtle interactive states or delicate details.

background

#D8E2DC acts as a light, airy, near-white base, providing a clean and inviting canvas.

text

#3B4E3B is a dark green that ensures excellent legibility for body text, or use charcoal for universal readability.

Accessibility notes

Ensure #3B4E3B on #D8E2DC meets WCAG AA for body text contrast.
Verify sufficient contrast for #5A725A when used as text on lighter backgrounds like #D8E2DC.
Avoid using #D8E2DC as text on white or very light backgrounds due to potential low contrast.
For #8D9F8A as text, use only for large headings or accents, verifying contrast carefully.

Recommended combinations

Deep Enchantment

Creates a sense of depth and mystery, perfect for headers or background gradients.

#3B4E3B · #5A725A · #8D9F8A

Misty Glade

Ideal for light, airy sections, evoking diffused light and gentle textures.

#BCC6BE · #D8E2DC · #5A725A

Nymph's Whisper

A balanced trio for general UI, offering clear hierarchy with a soft touch.

#3B4E3B · #D8E2DC · #BCC6BE

CSS variables

:root {
  --woodland-nymph-glow-1: #5A725A;
  --woodland-nymph-glow-2: #8D9F8A;
  --woodland-nymph-glow-3: #D8E2DC;
  --woodland-nymph-glow-4: #3B4E3B;
  --woodland-nymph-glow-5: #BCC6BE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-nymph-glow": {
        1: "#5A725A",
        2: "#8D9F8A",
        3: "#D8E2DC",
        4: "#3B4E3B",
        5: "#BCC6BE",
      }
    }
  }
}

Hex values

Color 1#5A725A

Color 2#8D9F8A

Color 3#D8E2DC

Color 4#3B4E3B

Color 5#BCC6BE

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

1.7:1Fail

3:1Fail

1.9:1Fail

2.1:1Fail

3.2:1AA18

1.6:1Fail

4:1AA18

2.1:1Fail

6.8:1AA

1.3:1Fail

1.7:1Fail

3.2:1AA18

6.8:1AA

5.1:1AA

3:1Fail

1.6:1Fail

1.3:1Fail

5.1:1AA

Similar palettes

More like Woodland Nymph Glow