Back to palettes

Palette

Morning Petal Flush

The soft, delicate blush of fresh morning petals, hinting at the gentle arrival of spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDE8E9#FADDE3#F6D2DC#F0C4D5#E5B4CA

Palette guide

How to use Morning Petal Flush

Overview

The Morning Petal Flush palette embodies the soft, delicate blush of fresh morning petals, hinting at the gentle arrival of spring. With its range of muted pinks, from the almost-white #FDE8E9 to the subtly deeper #E5B4CA, this palette radiates tenderness and a tranquil charm. Designers and developers can utilize shades like #FADDE3 and #F6D2DC for soft, inviting backgrounds, while #F0C4D5 offers a touch more warmth. This palette is perfect for creating experiences that are gentle, feminine, and evoke the subtle beauty of nature's awakening, providing a calm and refreshing aesthetic.

Best used for

  • Spring wedding themes and decor
  • Baby shower invitations and gifts
  • Feminine product branding
  • Delicate apparel lines and fashion blogs
  • Lifestyle photography backdrops
  • Beauty and skincare marketing

Suggested color roles

primary

Use #F6D2DC as a gentle, inviting base for main content areas or larger design elements, offering a soft pink foundation.

secondary

Apply #F0C4D5 for supportive tones, sub-sections, or subtle dividers, adding a touch more color.

accent

Utilize #E5B4CA as the most saturated shade for subtle emphasis, decorative flourishes, or very large, non-critical headings.

background

Employ #FDE8E9 as the primary background color, creating an airy, delicate, and almost neutral canvas.

text

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

Accessibility notes

  • Ensure high contrast for text; dark grey or black text is strongly recommended for readability on all backgrounds.
  • Pair #E5B4CA with #FDE8E9 for text, but always verify contrast ratios, especially for body copy.
  • Avoid using adjacent light colors for text and background, such as #FADDE3 on #FDE8E9, due to insufficient contrast.
  • Consider using a heavier font weight for text elements that utilize mid-tone palette colors to improve legibility and visual impact.

Recommended combinations

Spring Blush

Soft, layered backgrounds for digital interfaces or printed materials, evoking a fresh and delicate feel.

#FDE8E9 · #FADDE3 · #F6D2DC

Petal Depth

Creating a subtle gradient in UI elements or illustrations, adding visual richness and dimension.

#F6D2DC · #F0C4D5 · #E5B4CA

Delicate Accents

Light background with #E5B4CA for decorative lines or icons, and #FADDE3 for subtle borders or inactive states.

#FDE8E9 · #E5B4CA · #FADDE3

CSS variables

:root {
  --morning-petal-flush-1: #FDE8E9;
  --morning-petal-flush-2: #FADDE3;
  --morning-petal-flush-3: #F6D2DC;
  --morning-petal-flush-4: #F0C4D5;
  --morning-petal-flush-5: #E5B4CA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-petal-flush": {
        1: "#FDE8E9",
        2: "#FADDE3",
        3: "#F6D2DC",
        4: "#F0C4D5",
        5: "#E5B4CA",
      }
    }
  }
}

Related searches

soft spring pinksdelicate blush palettegentle floral colorsmuted feminine schemefresh pastel branding

Palette colors

Hex values

Color 1#FDE8E9
·
Color 2#FADDE3
·
Color 3#F6D2DC
·
Color 4#F0C4D5
·
Color 5#E5B4CA
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Petal Flush

View all pastel
Cherry Blossom Breeze
Sakura Blossom Haze
Sakura Lantern Glow
Sakura Petal Breeze
Cherry Bloom Serenity
Cherry Blossom Bloom