Back to palettes

Palette

Gentle Morning Dew

Soft, airy blues and greens, like the serene freshness of morning dew on petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0FFF0#E0FFFF#ADD8E6#B0E0E6#CCEEFF

Palette guide

How to use Gentle Morning Dew

Overview

The "Gentle Morning Dew" palette embodies freshness and delicacy with its collection of soft blues and greens, reminiscent of dewdrops at dawn. Featuring the almost-white "#F0FFF0" and "#E0FFFF", complemented by the light blues "#ADD8E6", "#B0E0E6", and "#CCEEFF", this palette creates an incredibly light, airy, and refreshing atmosphere. It's perfect for designs that aim to convey purity, cleanliness, and a sense of new beginnings. Designers can use this palette to evoke calm and serenity, making it ideal for wellness, baby products, or minimalist aesthetics where softness is key.

Best used for

  • Baby product branding
  • Spa and wellness applications
  • Minimalist and clean website designs
  • Fresh produce or organic food packaging
  • Eco-conscious brand identities
  • Serene interior design concepts

Suggested color roles

primary

While no dark colors, use "#ADD8E6" or "#B0E0E6" for soft emphasis on headings or key elements, relying on dark text for contrast.

secondary

"#CCEEFF" can be used for subtle borders, secondary information, or light interactive elements.

accent

"#E0FFFF" or "#F0FFF0" are best for highlights or very subtle textural differences, almost blending into the background.

background

"#F0FFF0" provides an exceptionally light, breathable canvas, creating an open and airy feel.

text

A dark charcoal or black is absolutely essential for readability on these very light backgrounds.

Accessibility notes

  • All colors are extremely light; dark text (e.g., black or very dark gray) is crucial for readability.
  • Avoid using any of these palette colors for text, as contrast will be insufficient against most backgrounds.
  • Ensure large text and interactive elements have at least WCAG AA contrast against their backgrounds.
  • This palette requires careful application to pass accessibility standards for text, prioritizing contrast.

Recommended combinations

Fresh Air

For very light, airy backgrounds and subtle layering in serene designs.

#F0FFF0 · #E0FFFF · #ADD8E6

Dewdrop Glisten

Ideal for soft gradients, subtle UI elements, or decorative bands that evoke freshness.

#ADD8E6 · #B0E0E6 · #CCEEFF

Morning Light

A gentle blend for light banners or ethereal graphic elements, emphasizing softness.

#E0FFFF · #CCEEFF · #F0FFF0

CSS variables

:root {
  --gentle-morning-dew-1: #F0FFF0;
  --gentle-morning-dew-2: #E0FFFF;
  --gentle-morning-dew-3: #ADD8E6;
  --gentle-morning-dew-4: #B0E0E6;
  --gentle-morning-dew-5: #CCEEFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-morning-dew": {
        1: "#F0FFF0",
        2: "#E0FFFF",
        3: "#ADD8E6",
        4: "#B0E0E6",
        5: "#CCEEFF",
      }
    }
  }
}

Related searches

soft pastel blue greenfresh light color palettemorning dew colorsairy clean design paletteminimalist light blue scheme

Palette colors

Hex values

Color 1#F0FFF0
·
Color 2#E0FFFF
·
Color 3#ADD8E6
·
Color 4#B0E0E6
·
Color 5#CCEEFF
·

Accessibility

Contrast checker

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

Similar palettes

More like Gentle Morning Dew

View all pastel
Morning Dew Petal
Spring Meadow Bloom
Aqua Glimmer Dew
Blooming Garden Sprig
Chiffon Veil
Dewdrop Meadow Soft