Back to palettes

Palette

Enchanted Glade Dew

Fresh, tender greens and creams, like morning dew on leaves in a magical glade.

pastelcalm5 colors
More pastel 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

#C8E6C9#DCEDC8#F0F4C3#B3E0B7#A1D7AA

Palette guide

How to use Enchanted Glade Dew

Overview

The Enchanted Glade Dew palette presents fresh, tender greens and creams, like morning dew on leaves in a magical glade. With soft hues like #C8E6C9, #F0F4C3, and #A1D7AA, this pastel collection is delicate and calming. It's an excellent choice for designers and developers crafting baby product branding, spring fashion, or tranquil apps. The harmonious blend of light, ethereal tones creates an atmosphere of peace, gentle beauty, and subtle enchantment, perfect for projects seeking a soft and inviting aesthetic. Due to its lightness, careful attention to text contrast is essential.

Best used for

  • Baby product branding and packaging
  • Spring fashion and seasonal themes
  • Delicate wedding themes and stationery
  • Tranquil meditation and wellness apps
  • Gentle lifestyle blogs and content
  • Subtle UI elements and soft gradients

Suggested color roles

primary

Use #A1D7AA as the deepest, soft green primary for main sections or dominant branding elements, with caution.

secondary

Apply #B3E0B7 for supportive fresh green elements, larger content blocks, or subtle backgrounds.

accent

Introduce #F0F4C3 as a creamy, delicate highlight for decorative elements or very subtle accents.

background

Utilize #DCEDC8 for clean, ethereal backgrounds, providing a light and soft canvas for content.

text

A dark charcoal or #A1D7AA is essential for text on any of these light backgrounds. White text will not be readable.

Accessibility notes

  • It is crucial to use dark text (e.g., black or dark charcoal) on all colors in this palette for readability.
  • Avoid using white or very light text, as it will lack sufficient contrast against these pastel hues.
  • Ensure large font sizes are used if pairing colors with minimal contrast, like #C8E6C9 and #DCEDC8.
  • Test all text and interactive elements thoroughly for compliance with WCAG contrast guidelines.

Recommended combinations

Delicate Layers

Ideal for soft, layered backgrounds or subtle illustrations, using the darkest for grounding.

#A1D7AA · #C8E6C9 · #F0F4C3

Fresh Pastels

Create harmonious pastel layouts, perfect for content blocks that need a gentle, airy feel.

#DCEDC8 · #B3E0B7 · #A1D7AA

Morning Glow

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

#F0F4C3 · #A1D7AA · #C8E6C9

CSS variables

:root {
  --enchanted-glade-dew-1: #C8E6C9;
  --enchanted-glade-dew-2: #DCEDC8;
  --enchanted-glade-dew-3: #F0F4C3;
  --enchanted-glade-dew-4: #B3E0B7;
  --enchanted-glade-dew-5: #A1D7AA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-glade-dew": {
        1: "#C8E6C9",
        2: "#DCEDC8",
        3: "#F0F4C3",
        4: "#B3E0B7",
        5: "#A1D7AA",
      }
    }
  }
}

Related searches

pastel green color palettedewy glade colorsfresh spring schemedelicate nature brandingcalm UI pastels

Palette colors

Hex values

Color 1#C8E6C9
·
Color 2#DCEDC8
·
Color 3#F0F4C3
·
Color 4#B3E0B7
·
Color 5#A1D7AA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
4
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.1:1Fail
5
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Enchanted Glade Dew

View all pastel
Spring Meadow Bloom
Dewdrop Meadow Soft
Fresh Spring Breeze
Gentle Morning Dew
Meadow Spring Fresh
Minty Fresh Air