Back to palettes

Palette

Enchanted Forest Dew

Captures the serene feeling of a tranquil forest glade just after a gentle morning rain.

monochromecalm5 colors
More monochrome 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

#5F8F7E#9DC3B4#C6DCD7#3D6A5D#84AA9C

Palette guide

How to use Enchanted Forest Dew

Overview

The Enchanted Forest Dew palette captures the serene feeling of a tranquil forest glade just after a gentle morning rain. This monochrome-inspired collection features calming greens from the deep #3D6A5D to the ethereal #C6DCD7, with balanced mid-tones like #5F8F7E, #84AA9C, and #9DC3B4. This palette is exceptionally useful for designers and developers seeking to create natural, calming, and cohesive digital experiences. It provides a versatile spectrum for themes of tranquility, freshness, and subtle elegance, ensuring a serene and inviting visual narrative across various applications, from branding to user interfaces.

Best used for

  • Wellness and meditation applications
  • Nature-inspired photography websites
  • Eco-friendly or sustainable brand identities
  • Spa or retreat marketing materials
  • Digital art with serene, misty themes
  • Calming mobile app interfaces

Suggested color roles

primary

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

secondary

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

accent

Reserve #9DC3B4 for subtle highlights, interactive elements, or delicate decorative details, providing a fresh, gentle lift.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between the lightest green (#C6DCD7) and darkest green (#3D6A5D) for text and interactive elements.
  • Be mindful of contrast between adjacent mid-tones like #5F8F7E and #84AA9C if used for crucial distinctions.
  • Verify that text on #9DC3B4 (a lighter green) uses a dark enough color to meet WCAG AA standards.
  • Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Misty Glade

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

#3D6A5D · #5F8F7E · #84AA9C

Dewdrop Fresh

Perfect for light, refreshing backgrounds or subtle overlays that evoke freshness and vitality.

#84AA9C · #9DC3B4 · #C6DCD7

Serene Calm

Effective for designs requiring a balanced blend of vibrant mid-tones with grounding deep greens and soft highlights.

#5F8F7E · #C6DCD7 · #3D6A5D

CSS variables

:root {
  --enchanted-forest-dew-2-1: #5F8F7E;
  --enchanted-forest-dew-2-2: #9DC3B4;
  --enchanted-forest-dew-2-3: #C6DCD7;
  --enchanted-forest-dew-2-4: #3D6A5D;
  --enchanted-forest-dew-2-5: #84AA9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-dew-2": {
        1: "#5F8F7E",
        2: "#9DC3B4",
        3: "#C6DCD7",
        4: "#3D6A5D",
        5: "#84AA9C",
      }
    }
  }
}

Related searches

monochromatic green paletteforest dew colorscalm nature brandingsubtle green UI designserene woodland web scheme

Palette colors

Hex values

Color 1#5F8F7E
·
Color 2#9DC3B4
·
Color 3#C6DCD7
·
Color 4#3D6A5D
·
Color 5#84AA9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.6:1Fail
1.7:1Fail
1.4:1Fail
2
1.9:1Fail
1.3:1Fail
3.2:1AA18
1.3:1Fail
3
2.6:1Fail
1.3:1Fail
4.3:1AA18
1.8:1Fail
4
1.7:1Fail
3.2:1AA18
4.3:1AA18
2.4:1Fail
5
1.4:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail

Similar palettes

More like Enchanted Forest Dew

View all monochrome
Forest Shaded Green
Ancient Forest Myst
Emerald River Flow
Enchanted Moss Glimmer
Forest Canopy Slumber
Forest Fern Grotto