Palette

Emerald Dream Weave

A mysterious and lush palette, evoking the hidden depths of an ancient, enchanted forest.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Dream Weave 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 Emerald Dream Weave.

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

Data visualization

#2E4B3E#4A6E55#8BCB9F#D2E8D7#24352D

Palette guide

How to use Emerald Dream Weave

Overview

The Emerald Dream Weave palette offers a mysterious and lush collection, evoking the hidden depths of an ancient, enchanted forest. It ranges from the deep, grounding #24352D and #2E4B3E, through the rich #4A6E55, to the softer #8BCB9F and the ethereal #D2E8D7. This palette is inherently elegant and tranquil, perfect for designs that aim to convey mystery, sophistication, and a deep connection to nature's serene side. It's an excellent choice for luxury eco-brands, wellness applications, or digital interfaces seeking a grounded, refined, and harmonious aesthetic with a strong emphasis on deep, mystical greens.

Best used for

Luxury eco-conscious branding and packaging
Wellness and spiritual retreat marketing
Nature-themed websites and mobile apps
High-end editorial design for lifestyle content
Interior design for calming and elegant spaces
Digital art with enchanted forest themes

Suggested color roles

primary

Use #24352D or #2E4B3E for dominant elements, headers, or backgrounds to establish depth, mystery, and elegance.

secondary

Employ #4A6E55 for supporting graphics, subheadings, or interactive elements, adding richness and texture.

accent

Apply #D2E8D7 for subtle highlights, delicate patterns, or ethereal background accents to introduce lightness and airiness.

background

Utilize #D2E8D7 for clean, airy backgrounds that allow the deeper greens to shine while maintaining a soft, inviting feel.

text

For body text, use a dark charcoal like #333333. For headlines on lighter backgrounds, #24352D provides excellent readability. Use white for text on #24352D.

Accessibility notes

Ensure #24352D or #2E4B3E text on #D2E8D7 meets WCAG contrast standards.
Avoid using #D2E8D7 for small text on light backgrounds; it's best for large headlines or accents.
The lighter greens #8BCB9F and #D2E8D7 may have low contrast when used together; separate them.
Pair #24352D with #D2E8D7 for a high-contrast, accessible combination for primary content.

Recommended combinations

Forest Depths

Ideal for creating a profound, mysterious feel in branding, website hero sections, or illustrations with organic textures.

#24352D · #2E4B3E · #4A6E55

Dreamy Light

Perfect for light UI elements, background gradients, or decorative patterns that need to convey softness and serenity.

#8BCB9F · #D2E8D7 · #4A6E55

Mystical Contrast

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet naturally inviting visual statement.

#24352D · #D2E8D7 · #8BCB9F

CSS variables

:root {
  --emerald-dream-weave-1: #2E4B3E;
  --emerald-dream-weave-2: #4A6E55;
  --emerald-dream-weave-3: #8BCB9F;
  --emerald-dream-weave-4: #D2E8D7;
  --emerald-dream-weave-5: #24352D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-dream-weave": {
        1: "#2E4B3E",
        2: "#4A6E55",
        3: "#8BCB9F",
        4: "#D2E8D7",
        5: "#24352D",
      }
    }
  }
}

Hex values

Color 1#2E4B3E

Color 2#4A6E55

Color 3#8BCB9F

Color 4#D2E8D7

Color 5#24352D

Accessibility

Contrast checker

1.7:1Fail

5.1:1AA

7.4:1AAA

1.4:1Fail

1.7:1Fail

3.1:1AA18

4.5:1AA18

2.3:1Fail

5.1:1AA

3.1:1AA18

1.5:1Fail

6.9:1AA

7.4:1AAA

4.5:1AA18

1.5:1Fail

10:1AAA

1.4:1Fail

2.3:1Fail

6.9:1AA

10:1AAA

Similar palettes

More like Emerald Dream Weave

View all dark

Mystic Woodland Shroud

Astral Dream Hues

Crimson Berry Grove

Crimson Canopy Twilight

Enchanted Deep Wood

Mystic Forest Shroud