Back to palettes

Palette

Morning Dew Garden

Soft greens and cool aquas mimic the gentle light of dawn illuminating dew drops on fresh garden leaves.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EBF5F0#C0E0D0#8CC9B0#5CAEA0#3A8C7F

Palette guide

How to use Morning Dew Garden

Overview

The Morning Dew Garden palette offers a refreshing and natural collection of soft greens and cool aquas, perfectly capturing the essence of a tranquil dawn. With hues ranging from the whisper-light #EBF5F0 to the rich depth of #3A8C7F, this palette is a designer's dream for creating serene and organic digital experiences. The gentle mid-tones like #C0E0D0 and #8CC9B0 provide excellent versatility, while #5CAEA0 offers a vibrant yet grounded accent. Developers can utilize these distinct but harmonious shades to build interfaces that feel fresh, inviting, and inherently calm, ideal for nature-inspired themes or wellness applications. Its cohesive structure ensures visual comfort and a subtle sophistication.

Best used for

  • Eco-friendly brand identities and packaging
  • Wellness, spa, or yoga studio websites
  • Nature photography portfolios
  • Gardening or botanical app interfaces
  • Sustainable product e-commerce
  • Calm, inviting blog or content platforms

Suggested color roles

primary

#8CC9B0 - A balanced, fresh green that serves as a welcoming and stable foundation for main content areas and interactive elements.

secondary

#C0E0D0 - A lighter, airy green, excellent for subheadings, secondary navigation, or subtle background patterns, maintaining softness.

accent

#3A8C7F - The deepest, most saturated hue, perfect for impactful call-to-action buttons, key data visualization, or brand highlights, offering a natural focal point.

background

#EBF5F0 - The lightest, almost off-white shade, providing a clean, serene canvas that enhances readability and adds an ethereal quality.

text

#5CAEA0 - A versatile green for body text on light backgrounds, or a dark grey like #444444 for enhanced readability.

Accessibility notes

  • Ensure text in #5CAEA0 or #3A8C7F has sufficient contrast against #EBF5F0 or #C0E0D0.
  • Avoid using #EBF5F0 for small text on a pure white background due to low contrast.
  • Pair the darkest color, #3A8C7F, with the lightest, #EBF5F0, for critical information to meet WCAG AA standards.
  • Consider using a dark charcoal text (#333333) for all body copy to guarantee maximum readability across varying background elements from this palette.

Recommended combinations

Forest Dew

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

#3A8C7F · #8CC9B0 · #EBF5F0

Garden Mist

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

#EBF5F0 · #C0E0D0 · #5CAEA0

Aqua Bloom

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

#5CAEA0 · #3A8C7F · #C0E0D0

CSS variables

:root {
  --morning-dew-garden-1: #EBF5F0;
  --morning-dew-garden-2: #C0E0D0;
  --morning-dew-garden-3: #8CC9B0;
  --morning-dew-garden-4: #5CAEA0;
  --morning-dew-garden-5: #3A8C7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-garden": {
        1: "#EBF5F0",
        2: "#C0E0D0",
        3: "#8CC9B0",
        4: "#5CAEA0",
        5: "#3A8C7F",
      }
    }
  }
}

Related searches

fresh green color palettemorning garden colorscalm nature inspired designsoft aqua green schemeorganic brand colors

Palette colors

Hex values

Color 1#EBF5F0
·
Color 2#C0E0D0
·
Color 3#8CC9B0
·
Color 4#5CAEA0
·
Color 5#3A8C7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.4:1Fail
3.6:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.8:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.5:1Fail
5
3.6:1AA18
2.8:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Morning Dew Garden

View all pastel
Dewdrop Meadow Soft
Blooming Garden Sprig
Cerulean Pottery Glaze
Dewdrop Morning Fresh
Garden Morning Glimmer
Gentle Morning Dew