Back to palettes

Palette

Enchanted Forest Dew

Mysterious greens and soft blues, like sunlight filtering through ancient trees on a dew-kissed forest morning.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Forest Dew 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 Enchanted Forest Dew.

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

Data visualization

#355E3B#50C878#ADD8E6#D0F0C0#6A5ACD

Palette guide

How to use Enchanted Forest Dew

Overview

The Enchanted Forest Dew palette combines mysterious greens and soft blues, like sunlight filtering through ancient trees on a dew-kissed forest morning. It features the deep #355E3B (Forest Green) and vibrant #50C878 (Emerald Green), complemented by the ethereal #ADD8E6 (Light Blue) and #D0F0C0 (light green), with a striking accent of #6A5ACD (Slate Blue). This palette is exceptionally useful for designers and developers crafting natural, mystical, and cool-toned digital experiences. It offers a sophisticated visual narrative for themes of nature, fantasy, and tranquility, perfect for projects seeking an organic yet intriguing aesthetic.

Best used for

  • Fantasy game UI or environment art
  • Mystical or spiritual website designs
  • Eco-tourism websites with a magical edge
  • Packaging for artisanal or luxury natural products
  • Digital art with a serene, mysterious atmosphere
  • Educational apps focused on natural sciences

Suggested color roles

primary

Utilize #355E3B as the foundational color for main backgrounds, headers, or robust branding elements, establishing deep natural authority.

secondary

Apply #50C878 for supporting content areas, subheadings, or secondary UI components, offering a balanced, vibrant green.

accent

Reserve #6A5ACD for striking highlights, interactive elements, or delicate decorative details, providing a bold, unexpected pop.

background

Choose #D0F0C0 for light, expansive backgrounds that enhance readability and create an airy, serene atmosphere.

text

For body text, a dark, readable color like #355E3B or a deep charcoal provides excellent contrast on lighter backgrounds. On darker shades, a soft white or #D0F0C0 offers clear readability.

Accessibility notes

  • Ensure sufficient contrast between the lightest green (#D0F0C0) and darkest green (#355E3B) for text and interactive elements.
  • Verify that #6A5ACD (Slate Blue) provides adequate contrast against its background if used for critical information or small text.
  • Be mindful of contrast between #ADD8E6 (Light Blue) and #D0F0C0 (light green) if used for adjacent, distinct elements.
  • Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Mystic Morning

Ideal for creating a sense of profound depth and natural mystery in main sections or branding elements.

#355E3B · #50C878 · #ADD8E6

Dewdrop Sparkle

Perfect for backgrounds or elements that require an ethereal, light feel with a vibrant, contrasting accent.

#ADD8E6 · #D0F0C0 · #6A5ACD

Forest Enchantment

Effective for designs that need to balance deep, grounding tones with vibrant greens and a bold, cool accent.

#50C878 · #6A5ACD · #355E3B

CSS variables

:root {
  --enchanted-forest-dew-1: #355E3B;
  --enchanted-forest-dew-2: #50C878;
  --enchanted-forest-dew-3: #ADD8E6;
  --enchanted-forest-dew-4: #D0F0C0;
  --enchanted-forest-dew-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-dew": {
        1: "#355E3B",
        2: "#50C878",
        3: "#ADD8E6",
        4: "#D0F0C0",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

green blue mystical paletteforest dew colorsnatural cool brandingemerald green UI designearthy fantasy web scheme

Palette colors

Hex values

Color 1#355E3B
·
Color 2#50C878
·
Color 3#ADD8E6
·
Color 4#D0F0C0
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
4.9:1AA
6:1AA
1.4:1Fail
2
3.5:1AA18
1.4:1Fail
1.7:1Fail
2.5:1Fail
3
4.9:1AA
1.4:1Fail
1.2:1Fail
3.5:1AA18
4
6:1AA
1.7:1Fail
1.2:1Fail
4.3:1AA18
5
1.4:1Fail
2.5:1Fail
3.5:1AA18
4.3:1AA18

Similar palettes

More like Enchanted Forest Dew

View all earth
Ancient Forest Hush
Ancient Forest Realm
Ancient Mossy Stone
Botanical Groundcover Greens
Deep Forest Fern
Deep Forest Undergrowth