Back to palettes

Palette

Morning Dew Petal

Fresh and delicate tones that evoke the gentle sparkle of morning dew on soft flower petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF5E6#F5DEB3#FFFAF0#8FBC8F#E0FFFF

Palette guide

How to use Morning Dew Petal

Overview

The Morning Dew Petal palette offers fresh and delicate tones that evoke the gentle sparkle of morning dew on soft flower petals. This collection, featuring luminous shades like #FFFAF0 and #FDF5E6 alongside the grounding #8FBC8F, is ideal for designs aiming for an ethereal, pure, and subtly natural feel. The balanced mid-tones such as #F5DEB3 and #E0FFFF provide excellent versatility for gradients and layered visual effects, offering depth without being overpowering. Designers and developers will find this palette superb for creating harmonious interfaces that feel serene and approachable. Its diverse yet cohesive nature allows for distinct visual hierarchy while maintaining an overall sense of calm and natural beauty, perfect for wedding, beauty, or lifestyle brands.

Best used for

  • Bridal and wedding industry branding
  • Skincare and beauty product marketing
  • Gentle, feminine web design
  • Baby product packaging and websites
  • Pastel art and illustration
  • Spa and relaxation service branding

Suggested color roles

primary

#E0FFFF - A soft, cool aqua that provides a refreshing and stable foundation for main content, navigation, and key headings.

secondary

#F5DEB3 - A light, warm beige, excellent for subheadings, secondary navigation, or subtle background elements, adding a gentle glow.

accent

#8FBC8F - A muted, grounding green, ideal for calls-to-action, highlights, or subtle branding elements that require a natural anchor.

background

#FFFAF0 - The lightest, almost off-white shade, providing a clean, expansive canvas that enhances readability and contributes to a serene user experience.

text

#FDF5E6 - A soft, legible off-white for light text on darker elements, or a dark charcoal like #333333 for body text on light backgrounds.

Accessibility notes

  • Ensure #8FBC8F text has sufficient contrast against #FDF5E6 or #FFFAF0 backgrounds.
  • Avoid using #FFFAF0 or #FDF5E6 for small text on pure white backgrounds due to extremely low contrast.
  • For critical information, pair the darkest shade, #8FBC8F, with the lightest, #FFFAF0, to meet WCAG AA contrast guidelines.
  • Consider using a dark brown or charcoal text (#4A4A4A) for all body copy to guarantee maximum readability across varying background elements.

Recommended combinations

Petal Soft

A gentle and clean combination for primary branding, clear hierarchies, and subtle interfaces.

#8FBC8F · #E0FFFF · #FFFAF0

Sunlit Dew

Soft, layered look ideal for hero sections, subtle branding, or tranquil background gradients with a hint of warmth.

#FFFAF0 · #F5DEB3 · #FDF5E6

Aqua Bloom

Dynamic and fresh for interactive elements, data visualization, or highlighting key information on a lighter canvas.

#E0FFFF · #8FBC8F · #F5DEB3

CSS variables

:root {
  --morning-dew-petal-2-1: #FDF5E6;
  --morning-dew-petal-2-2: #F5DEB3;
  --morning-dew-petal-2-3: #FFFAF0;
  --morning-dew-petal-2-4: #8FBC8F;
  --morning-dew-petal-2-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-petal-2": {
        1: "#FDF5E6",
        2: "#F5DEB3",
        3: "#FFFAF0",
        4: "#8FBC8F",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

delicate pastel palettemorning dew colorssoft floral web designlight fresh color schemeethereal white green

Palette colors

Hex values

Color 1#FDF5E6
·
Color 2#F5DEB3
·
Color 3#FFFAF0
·
Color 4#8FBC8F
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
2:1Fail
1:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
1.2:1Fail
3
1:1Fail
1.3:1Fail
2.1:1Fail
1:1Fail
4
2:1Fail
1.6:1Fail
2.1:1Fail
2:1Fail
5
1:1Fail
1.2:1Fail
1:1Fail
2:1Fail

Similar palettes

More like Morning Dew Petal

View all pastel
Gentle Morning Dew
Spring Meadow Bloom
Blooming Garden Sprig
Chiffon Veil
Dewdrop Meadow Soft
Dewdrop Morning Fresh