Back to palettes

Palette

Morning Dew Sparkle

A light and fresh palette reminiscent of sunlit dewdrops shimmering on cool, morning grass.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#E0FFFF#C0C0C0#98FB98#CFFFEF

Palette guide

How to use Morning Dew Sparkle

Overview

The "Morning Dew Sparkle" palette radiates a delicate freshness with its luminous pastels, perfectly capturing the shimmer of dewdrops. Comprising #B0E0E6 (Light Blue), #E0FFFF (Light Cyan), #C0C0C0 (Silver), #98FB98 (Pale Green), and #CFFFEF (Light Aquamarine), this collection offers a serene yet invigorating aesthetic. Designers can leverage these light, airy hues to create clean, ethereal interfaces, serene branding, or any project that benefits from a crisp, sparkling, and gentle visual appeal. It's ideal for conveying purity and a touch of understated elegance.

Best used for

  • Wellness and meditation apps
  • Ethereal wedding or event branding
  • Jewelry or delicate craft websites
  • Minimalist home decor showcases
  • Baby-related product design
  • Soft, artistic photography portfolios

Suggested color roles

primary

#E0FFFF - A brilliant, almost-white cyan, serving as an excellent clean and expansive main background.

secondary

#B0E0E6 - A soft, cool light blue, perfect for secondary backgrounds, headers, or card elements.

accent

#98FB98 - A cheerful, light green, ideal for subtle highlights, interactive elements, or calls-to-action that need a fresh pop.

background

#CFFFEF - A very light aquamarine, offering a slightly richer base than #E0FFFF, great for content areas.

text

#C0C0C0 - A light silver, suitable for very subtle, non-critical decorative text. For readable body text, use a dark grey or black.

Accessibility notes

  • Most colors are very light, so ensure high contrast for critical text and interactive elements.
  • #C0C0C0 has low contrast with all other colors in the palette; avoid for essential text.
  • Use distinct visual cues like borders or underlines for links and buttons, as color differences are subtle.
  • Always test text color against background using WCAG contrast tools to ensure readability for diverse users.

Recommended combinations

Ethereal Base

Creates a luminous, layered background with #E0FFFF as the base, #B0E0E6 for cards, and #CFFFEF for subtle panels.

#E0FFFF · #B0E0E6 · #CFFFEF

Fresh Sparkle

#E0FFFF as a clean canvas, #98FB98 for cheerful highlights or icons, and #C0C0C0 for subtle metadata.

#E0FFFF · #98FB98 · #C0C0C0

Gentle Interaction

#B0E0E6 for main elements, #CFFFEF for internal content, and #98FB98 for interactive states.

#B0E0E6 · #CFFFEF · #98FB98

CSS variables

:root {
  --morning-dew-sparkle-1: #B0E0E6;
  --morning-dew-sparkle-2: #E0FFFF;
  --morning-dew-sparkle-3: #C0C0C0;
  --morning-dew-sparkle-4: #98FB98;
  --morning-dew-sparkle-5: #CFFFEF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-sparkle": {
        1: "#B0E0E6",
        2: "#E0FFFF",
        3: "#C0C0C0",
        4: "#98FB98",
        5: "#CFFFEF",
      }
    }
  }
}

Related searches

light pastel blue greendewdrop inspired color schemeethereal UI palettesparkling clean web colorsgentle fresh hex codes

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#E0FFFF
·
Color 3#C0C0C0
·
Color 4#98FB98
·
Color 5#CFFFEF
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Dew Sparkle

View all pastel