Back to palettes

Palette

Morning Dew Lily

Soft greens kissed with a hint of white, like delicate lily petals glistening with morning dew drops.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Dew Lily 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 Morning Dew Lily.

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

Data visualization

#E8F5E9#C8E6C9#A5D6A7#81C784#66BB6A

Palette guide

How to use Morning Dew Lily

Overview

The Morning Dew Lily palette offers a collection of soft, refreshing greens kissed with a hint of white, perfectly capturing the delicate essence of lily petals glistening with morning dew. With hues ranging from the ethereal #E8F5E9 to the vibrant #66BB6A, this palette is ideal for designs seeking to convey freshness, purity, and natural calm. The balanced mid-tones such as #C8E6C9 and #A5D6A7 provide excellent versatility for subtle gradients and layered visual effects. Designers and developers will find #81C784 perfect for adding a touch of understated vibrancy. This palette's cohesive and gentle nature makes it superb for eco-friendly brands, wellness applications, or any platform desiring a clean, inviting, and naturally sophisticated user experience.

Best used for

  • Eco-conscious brand identities and websites
  • Health and wellness product packaging
  • Botanical-themed app interfaces
  • Yoga or meditation studio branding
  • Sustainable fashion marketing materials
  • Clean, minimalist blog or portfolio designs

Suggested color roles

primary

#A5D6A7 - A balanced, soft green that forms a stable and inviting foundation for main content, navigation, and prominent headings.

secondary

#C8E6C9 - A lighter, airy green, excellent for subheadings, secondary navigation, or subtle background elements, maintaining a gentle flow.

accent

#66BB6A - The deepest, most saturated green, ideal for impactful calls-to-action, key data points, or subtle but effective branding elements, providing a natural focal point.

background

#E8F5E9 - The lightest, almost white shade, providing a clean, expansive canvas that enhances readability and contributes to a serene user experience.

text

#81C784 - A versatile green for body text on light backgrounds, or a dark charcoal like #333333 for enhanced readability.

Accessibility notes

  • Ensure #66BB6A or #81C784 text has sufficient contrast against #E8F5E9 or #C8E6C9 backgrounds.
  • Avoid using #E8F5E9 for small text on a pure white background due to very low contrast.
  • For critical information, pair the darkest shade, #66BB6A, with the lightest, #E8F5E9, to meet WCAG AA contrast guidelines.
  • Consider using a pure white (#FFFFFF) for text on #66BB6A to achieve high contrast for headlines or buttons.

Recommended combinations

Lily Pad Fresh

A crisp, natural combination for primary branding, clear hierarchies, and clean interfaces.

#66BB6A · #A5D6A7 · #E8F5E9

Dewdrop Glow

Soft, layered look ideal for hero sections, subtle branding, or tranquil background gradients.

#E8F5E9 · #C8E6C9 · #81C784

Garden Sprout

Dynamic and fresh for interactive elements, data visualization, or highlighting key information on a lighter canvas.

#81C784 · #66BB6A · #C8E6C9

CSS variables

:root {
  --morning-dew-lily-2-1: #E8F5E9;
  --morning-dew-lily-2-2: #C8E6C9;
  --morning-dew-lily-2-3: #A5D6A7;
  --morning-dew-lily-2-4: #81C784;
  --morning-dew-lily-2-5: #66BB6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-lily-2": {
        1: "#E8F5E9",
        2: "#C8E6C9",
        3: "#A5D6A7",
        4: "#81C784",
        5: "#66BB6A",
      }
    }
  }
}

Related searches

pastel green color schemelily inspired palettefresh garden colorssoft green web designnatural wellness palette

Palette colors

Hex values

Color 1#E8F5E9
·
Color 2#C8E6C9
·
Color 3#A5D6A7
·
Color 4#81C784
·
Color 5#66BB6A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.8:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
2.1:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Morning Dew Lily

View all Pastel
Garden Blossom Dew
Garden Mist Morning
Whispering Meadow Breeze
Whispering Willow
Aqua Blossom Dream
Blossom Blush Breeze