Back to palettes

Palette

Enchanted Glade Dew

A serene blend of dewy greens, like sunlight filtering through ancient forest leaves.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D553A#6A8C67#A2C39F#DDEEDF#B4CCA9

Palette guide

How to use Enchanted Glade Dew

Overview

The Enchanted Glade Dew palette offers a serene blend of dewy greens, like sunlight filtering through ancient forest leaves. Ranging from the deep #3D553A to the ethereal #DDEEDF, and featuring a balanced #A2C39F, this collection is calming and natural. It's an excellent choice for designers and developers crafting eco-friendly branding, organic products, or serene web designs. The harmonious progression of greens creates an atmosphere of peace, natural beauty, and subtle magic, perfect for projects seeking a tranquil and immersive visual experience.

Best used for

  • Eco-friendly and organic branding
  • Serene web designs and applications
  • Nature-inspired decor and interiors
  • Meditation and mindfulness apps
  • Botanical illustrations and art
  • Natural lifestyle blogs and content

Suggested color roles

primary

Use #3D553A as a deep, grounding primary color for headers, main sections, or dominant branding elements.

secondary

Apply #6A8C67 for rich, supportive green elements, larger content blocks, or backgrounds with a natural feel.

accent

Introduce #A2C39F as a soft, dewy highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #DDEEDF for clean, airy backgrounds, providing a light and fresh canvas for content.

text

Pair #3D553A or a dark charcoal for primary text on light backgrounds like #DDEEDF. White text works well on #3D553A.

Accessibility notes

  • Ensure sufficient contrast for text on #DDEEDF; darker colors like #3D553A are highly recommended.
  • White text provides excellent readability on #3D553A and #6A8C67 for headings and important information.
  • Avoid using #A2C39F for small text on #B4CCA9 as contrast may be too low for accessibility.
  • All colors are greens, so carefully choose pairings to ensure enough contrast, especially for visual hierarchy.

Recommended combinations

Deep & Dewy

Ideal for a primary layout, balancing deep green with dewy mid-tones and a fresh, airy background.

#3D553A · #A2C39F · #DDEEDF

Sunlit Layers

Create harmonious layers for content blocks or illustrations, evoking soft, filtered light.

#6A8C67 · #B4CCA9 · #A2C39F

Serene Blend

Use the lightest tone as a background, with the deepest green for text, and a mid-tone for accents.

#DDEEDF · #3D553A · #B4CCA9

CSS variables

:root {
  --enchanted-glade-dew-3-1: #3D553A;
  --enchanted-glade-dew-3-2: #6A8C67;
  --enchanted-glade-dew-3-3: #A2C39F;
  --enchanted-glade-dew-3-4: #DDEEDF;
  --enchanted-glade-dew-3-5: #B4CCA9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-glade-dew-3": {
        1: "#3D553A",
        2: "#6A8C67",
        3: "#A2C39F",
        4: "#DDEEDF",
        5: "#B4CCA9",
      }
    }
  }
}

Related searches

serene green color palettedewy nature colorssoft forest schemenatural branding designcalm glade UI

Palette colors

Hex values

Color 1#3D553A
·
Color 2#6A8C67
·
Color 3#A2C39F
·
Color 4#DDEEDF
·
Color 5#B4CCA9
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
4.2:1AA18
6.8:1AA
4.7:1AA
2
2.2:1Fail
2:1Fail
3.1:1AA18
2.2:1Fail
3
4.2:1AA18
2:1Fail
1.6:1Fail
1.1:1Fail
4
6.8:1AA
3.1:1AA18
1.6:1Fail
1.4:1Fail
5
4.7:1AA
2.2:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Enchanted Glade Dew

View all earth
Enchanted Forest Canopy
Enchanted Forest Glow
Enchanted Forest Ring
Enchanted Glade Dew
Forest Fern Canopy
Moonlit Grove