Palette

Morning Dew Petals

A very light, airy palette reflecting the delicate, pristine freshness of morning dew on flower petals.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0F8FF#DCDCDC#F5F5DC#C0C0C0#E6E6FA

Palette guide

How to use Morning Dew Petals

Overview

The "Morning Dew Petals" palette offers a sophisticated blend of very light, neutral tones, ideal for creating serene and elegant digital experiences. Featuring #F0F8FF (Alice Blue), #DCDCDC (Gainsboro), #F5F5DC (Beige), #C0C0C0 (Silver), and #E6E6FA (Lavender Blush), this collection evokes a pristine, airy freshness. Designers can leverage these subtle hues for minimalist interfaces, delicate branding, or as a backdrop for content that requires a gentle touch. Its soft luminosity ensures a calm, inviting atmosphere, perfect for projects aiming for understated beauty and clarity.

Best used for

Minimalist website interfaces
Luxury spa or wellness branding
Wedding stationery and digital invites
Baby product packaging and websites
High-end fashion or jewelry displays
Subtle background textures in apps

Suggested color roles

primary

#F0F8FF - An airy, almost-white base, perfect for main backgrounds or large sections to create a sense of openness.

secondary

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

accent

#DCDCDC - A light grey, useful for subtle dividers, borders, or inactive UI elements without adding harshness.

background

#F5F5DC - A warm, creamy beige that provides a gentle, natural base, ideal for content areas or full-page backgrounds.

text

#C0C0C0 - Best used for very subtle, non-critical text like timestamps or ghost text. For body text, consider a dark charcoal or black for readability.

Accessibility notes

Most colors have very low contrast with each other; rely on darker text (e.g., charcoal) for readability on light backgrounds.
Ensure interactive elements have sufficient visual cues beyond color, such as borders or shadows, due to the subtle differences.
Avoid using #C0C0C0 for critical text on any of these light backgrounds.
Test all text and icon colors against backgrounds using WCAG contrast checkers to meet minimum accessibility standards.

Recommended combinations

Soft Base

Ideal for core website structure: main background, content cards, and subtle separators.

#F0F8FF · #E6E6FA · #DCDCDC

Gentle Layering

#F5F5DC as a primary background, #C0C0C0 for borders or secondary elements, and #F0F8FF for overlays.

#F5F5DC · #C0C0C0 · #F0F8FF

Delicate Highlights

#E6E6FA for highlighted sections, #DCDCDC for text accents, and #F5F5DC for background support.

#E6E6FA · #DCDCDC · #F5F5DC

CSS variables

:root {
  --morning-dew-petals-2-1: #F0F8FF;
  --morning-dew-petals-2-2: #DCDCDC;
  --morning-dew-petals-2-3: #F5F5DC;
  --morning-dew-petals-2-4: #C0C0C0;
  --morning-dew-petals-2-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-petals-2": {
        1: "#F0F8FF",
        2: "#DCDCDC",
        3: "#F5F5DC",
        4: "#C0C0C0",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#F0F8FF

Color 2#DCDCDC

Color 3#F5F5DC

Color 4#C0C0C0

Color 5#E6E6FA

Accessibility

Contrast checker

1.3:1Fail

1:1Fail

1.7:1Fail

1.1:1Fail

1.3:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.6:1Fail

1.1:1Fail

1.7:1Fail

1.3:1Fail

1.6:1Fail

1.5:1Fail

1.1:1Fail

1.5:1Fail

Similar palettes

More like Morning Dew Petals

Morning Dew Petals

See it in context.

Ready when you are.

Built with Morning Dew Petals.

How to use Morning Dew Petals

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Base

Gentle Layering

Delicate Highlights

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Morning Dew Petals