Back to palettes

Palette

Ethereal Garden Dew

Soft, silvery blues and greens that capture the delicate sparkle of morning dew in an ethereal garden.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AAC0C4#C2D9DD#DAEDEF#8BB3BA#6D9EA4

Palette guide

How to use Ethereal Garden Dew

Overview

The 'Ethereal Garden Dew' palette captures the delicate sparkle of morning dew in an ethereal garden with its soft, silvery blues and greens. Featuring muted blue-greys like #AAC0C4 and #C2D9DD, alongside deeper teal-blues such as #8BB3BA and #6D9EA4, and an airy off-white #DAEDEF, this scheme is perfect for conveying tranquility and natural elegance. Designers and developers can leverage this palette to create refreshing interfaces, branding, or digital art that feels both sophisticated and calming, reflecting the subtle beauty of a tranquil garden. It’s ideal for projects seeking a gentle, harmonious, and organic aesthetic.

Best used for

  • Skincare and beauty product branding
  • Tranquil website designs
  • Wellness and meditation apps
  • Delicate jewelry packaging
  • Coastal-inspired home decor
  • Spring event themes and invitations

Suggested color roles

primary

Use #8BB3BA (a calm blue-green) as a grounding primary color, establishing a serene foundation for headers or main sections.

secondary

Employ #AAC0C4 (a muted blue-grey) for supporting content, subheadings, or secondary calls to action, providing a soft complement.

accent

Apply #C2D9DD (a light, refreshing blue-grey) for delicate highlights, subtle borders, or hover states that need a gentle visual cue.

background

Utilize #DAEDEF (an airy, near-white blue) as the main background to create a clean, expansive canvas, enhancing the palette's lightness.

text

For optimal readability on light backgrounds, use a dark charcoal or black. #6D9EA4 works well for headings or important text on #DAEDEF.

Accessibility notes

  • The very light colors, #C2D9DD and #DAEDEF, have minimal contrast; avoid using them for adjacent critical text or interactive elements.
  • Ensure text on #AAC0C4 provides sufficient contrast, typically requiring a darker color like #6D9EA4 or black for readability.
  • Always check WCAG contrast ratios for text and interactive elements, especially on medium shades like #8BB3BA.
  • Avoid using light text colors on the darker blue-greens to prevent legibility issues; opt for dark text on lighter backgrounds.

Recommended combinations

Dewy Morning

Forms a clean, tranquil UI base, ideal for website layouts and informational displays, offering clarity with a soft, refreshing feel.

#DAEDEF · #C2D9DD · #8BB3BA

Garden Mist

Excellent for illustrations, deeper branding, or sections requiring more depth and a richer, ethereal atmosphere.

#AAC0C4 · #8BB3BA · #6D9EA4

Refreshing Sparkle

Ideal for subtle branding, layered elements, or visual storytelling that evokes light reflecting off morning dew.

#DAEDEF · #AAC0C4 · #6D9EA4

CSS variables

:root {
  --ethereal-garden-dew-1: #AAC0C4;
  --ethereal-garden-dew-2: #C2D9DD;
  --ethereal-garden-dew-3: #DAEDEF;
  --ethereal-garden-dew-4: #8BB3BA;
  --ethereal-garden-dew-5: #6D9EA4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-garden-dew": {
        1: "#AAC0C4",
        2: "#C2D9DD",
        3: "#DAEDEF",
        4: "#8BB3BA",
        5: "#6D9EA4",
      }
    }
  }
}

Related searches

silvery blue green palettegarden inspired colorstranquil UI designmorning dew aestheticdelicate cool tones

Palette colors

Hex values

Color 1#AAC0C4
·
Color 2#C2D9DD
·
Color 3#DAEDEF
·
Color 4#8BB3BA
·
Color 5#6D9EA4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.2:1Fail
1.6:1Fail
2
1.3:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.6:1Fail
1.2:1Fail
1.9:1Fail
2.5:1Fail
4
1.2:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail
5
1.6:1Fail
2:1Fail
2.5:1Fail
1.3:1Fail

Similar palettes

More like Ethereal Garden Dew

View all Cool
Aurora Veil Dance
Enchanted Teal Forest
Lagoon Glow
Moonlit Cypress Grove
Moonlit Ocean Glow
Skyward Gaze