Back to palettes

Palette

Morning Petal Dew

A delicate and romantic gradient of soft pinks, like fresh flower petals gently touched by morning dew.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDEBF0#FAD1DC#F7B4C4#F28BA2#ED6282

Palette guide

How to use Morning Petal Dew

Overview

The Morning Petal Dew palette offers a delicate and romantic gradient of soft pinks, reminiscent of fresh flower petals gently touched by morning dew. Ranging from the pale #FDEBF0 to the vibrant #ED6282, this palette provides a beautiful progression of hues. Designers and developers can leverage the softer tones like #FAD1DC and #F7B4C4 for inviting backgrounds and secondary elements, while #F28BA2 and #ED6282 offer impactful accents. It’s an ideal choice for projects seeking to convey romance, freshness, and a gentle vibrance, creating a calm yet engaging visual experience.

Best used for

  • Romantic branding and marketing
  • Valentine's Day designs
  • Cosmetics and beauty product packaging
  • Wedding stationery and invitations
  • Feminine fashion and accessory brands
  • Event promotions with a soft, vibrant theme

Suggested color roles

primary

Use #F7B4C4 as a mid-tone, inviting base for main content areas or prominent design elements, offering a warm pink foundation.

secondary

Apply #FAD1DC for lighter, supportive tones in sub-sections, navigation, or subtle dividers.

accent

Utilize #ED6282 as the boldest, eye-catching highlight for call-to-actions, important links, or vibrant graphic elements.

background

Employ #FDEBF0 as the primary background color, creating a soft, airy, and delicate canvas.

text

For optimal readability, use dark grey or black text. #ED6282 can be used for bold headings on light backgrounds if contrast is sufficient.

Accessibility notes

  • Prioritize contrast for text; pair #ED6282 or #F28BA2 with #FDEBF0 for readable body text.
  • Avoid using the lightest shades, like #FDEBF0 or #FAD1DC, for small text against similar backgrounds due to insufficient contrast.
  • Ensure interactive elements using #F7B4C4 or #FAD1DC have clear visual cues beyond color, especially for accessibility.
  • For critical information, use a very dark text color (e.g., black or charcoal) on the lightest backgrounds to guarantee readability.

Recommended combinations

Dewy Gradient

Smooth background transitions for a soft, ethereal web presence or digital art, creating depth.

#FDEBF0 · #FAD1DC · #F7B4C4

Petal Pop

Call-to-action buttons, vibrant graphic elements, or progress indicators, using #ED6282 for maximum impact.

#F7B4C4 · #F28BA2 · #ED6282

Romantic Accents

Light background with #ED6282 for key headlines and #FAD1DC for subtle borders or decorative patterns.

#FDEBF0 · #ED6282 · #FAD1DC

CSS variables

:root {
  --morning-petal-dew-1: #FDEBF0;
  --morning-petal-dew-2: #FAD1DC;
  --morning-petal-dew-3: #F7B4C4;
  --morning-petal-dew-4: #F28BA2;
  --morning-petal-dew-5: #ED6282;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-petal-dew": {
        1: "#FDEBF0",
        2: "#FAD1DC",
        3: "#F7B4C4",
        4: "#F28BA2",
        5: "#ED6282",
      }
    }
  }
}

Related searches

romantic pink palettesoft coral colorsfeminine gradient schemefresh flower pinksdelicate blush branding

Palette colors

Hex values

Color 1#FDEBF0
·
Color 2#FAD1DC
·
Color 3#F7B4C4
·
Color 4#F28BA2
·
Color 5#ED6282
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail
2
1.2:1Fail
1.2:1Fail
1.7:1Fail
2.3:1Fail
3
1.5:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
4
2:1Fail
1.7:1Fail
1.4:1Fail
1.3:1Fail
5
2.7:1Fail
2.3:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Morning Petal Dew

View all pastel
Cherry Blossom Cloud
Cherry Blossom Dawn
Cherry Blossom Lane
Cherry Blossom Serenade
Cherry Grove Dawn
Soft Petal Blush