Back to palettes

Palette

Morning Dewdrop

Captures the glistening, ethereal beauty of fresh morning dew on a cool, clear day.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#F0F8FF#AFEEEE#B0E0E6#C5E6DA

Palette guide

How to use Morning Dewdrop

Overview

The "Morning Dewdrop" palette captures the glistening, ethereal beauty of fresh morning dew with its exquisite collection of cool, light tones. Featuring #E6E6FA (Lavender Blush), #F0F8FF (Alice Blue), #AFEEEE (Pale Turquoise), #B0E0E6 (Light Blue), and #C5E6DA (Pale Aquamarine), this palette offers a crisp, clean, and serene aesthetic. Designers can leverage these delicate hues to create airy interfaces, tranquil branding, or any project that benefits from a light, refreshing, and subtly sophisticated visual presence. It's an ideal choice for conveying purity, calm, and understated elegance.

Best used for

  • Wellness and meditation applications
  • Luxury skincare or beauty product branding
  • Clean, minimalist website designs
  • Wedding and event stationery
  • Baby-related product marketing
  • Ethereal photography portfolio sites

Suggested color roles

primary

#F0F8FF - An incredibly light, almost-white blue, serving as an expansive and pristine main background.

secondary

#E6E6FA - A soft, subtle lavender-tinted white, excellent for secondary backgrounds, headers, or content cards.

accent

#AFEEEE - A pale turquoise that offers a gentle, refreshing pop, ideal for subtle highlights or interactive elements.

background

#B0E0E6 - A calming light blue, perfect for content sections or a slightly richer base than the primary.

text

#C5E6DA - A very light aquamarine, suitable for decorative or ghost text. For body text, a dark charcoal or black is recommended for readability.

Accessibility notes

  • All colors are very light, demanding careful consideration for text and interactive element contrast.
  • Avoid using #C5E6DA for critical text on any of these backgrounds due to insufficient contrast.
  • Interactive elements should have strong non-color visual indicators (e.g., borders, shadows) to ensure usability.
  • For any essential text, use a dark, high-contrast color (e.g., black or dark grey) on these backgrounds.

Recommended combinations

Pristine Base

#F0F8FF as the main background, #E6E6FA for layered content cards, and #B0E0E6 for subtle headers.

#F0F8FF · #E6E6FA · #B0E0E6

Dewdrop Sparkle

#AFEEEE for highlight accents, #C5E6DA for supporting elements, and #F0F8FF for a clean backdrop.

#AFEEEE · #C5E6DA · #F0F8FF

Gentle Layers

#E6E6FA for content panels, #B0E0E6 for dividers, and #AFEEEE for interactive icons or hover states.

#E6E6FA · #B0E0E6 · #AFEEEE

CSS variables

:root {
  --morning-dewdrop-1: #E6E6FA;
  --morning-dewdrop-2: #F0F8FF;
  --morning-dewdrop-3: #AFEEEE;
  --morning-dewdrop-4: #B0E0E6;
  --morning-dewdrop-5: #C5E6DA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dewdrop": {
        1: "#E6E6FA",
        2: "#F0F8FF",
        3: "#AFEEEE",
        4: "#B0E0E6",
        5: "#C5E6DA",
      }
    }
  }
}

Related searches

light cool color schemeethereal blue green paletteclean serene UI colorsdewdrop inspired web designminimalist pastel hex codes

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#F0F8FF
·
Color 3#AFEEEE
·
Color 4#B0E0E6
·
Color 5#C5E6DA
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Dewdrop

View all cool
Cool Mint Serene
Arctic Sky Whisper
Celestial Azure Drift
Celestial Cloud Dust
Celestial Glow
Celestial Shimmer