Back to palettes

Palette

Soft Petal Blush

Delicate and gentle pinks that capture the tender softness of fresh flower petals in bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Petal Blush 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 Soft Petal Blush.

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

Data visualization

#F8E1E5#F4CBD4#EEB4C2#E79DAF#E1869C

Palette guide

How to use Soft Petal Blush

Overview

The Soft Petal Blush palette offers a gentle and tender collection of pinks, capturing the delicate softness of fresh flower petals in bloom. Ranging from the airy #F8E1E5 to the deeper, warm #E1869C, this palette is ideal for designs that seek romance, grace, and an inviting touch. Designers can leverage these hex codes for feminine branding, elegant stationery, or any project requiring a soft, comforting aesthetic. Developers will find these harmonious colors excellent for creating soothing UI elements, graceful illustrations, or backgrounds that convey warmth and tranquility. Its subtle progression ensures versatility for various design applications.

Best used for

  • Wedding and bridal branding
  • Baby product websites or packaging
  • Beauty and cosmetic product design
  • Delicate floral illustrations
  • Romantic lifestyle blogs
  • Handmade craft websites

Suggested color roles

primary

Use #F8E1E5 as a light, airy primary background to set a delicate and pristine tone.

secondary

Apply #F4CBD4 for content blocks or secondary UI elements, offering a slightly warmer base.

accent

Utilize #EEB4C2 for interactive elements, subtle highlights, or important headings to provide gentle emphasis.

background

Employ #F8E1E5 for main backgrounds to create an open, soft, and romantic ambiance.

text

#E1869C offers a soft, readable option for body text against lighter palette colors; for maximum contrast, a dark charcoal is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing #F4CBD4 with #EEB4C2 for text; test against WCAG standards.
  • #E1869C provides good contrast on #F8E1E5 for body text, but verify readability for smaller font sizes.
  • Avoid using #F8E1E5 or #F4CBD4 for small text on similarly light backgrounds to prevent readability issues.
  • For critical interactive elements, #E79DAF or #E1869C offers better visibility, ensuring accessibility.

Recommended combinations

Gentle Layers

Ideal for creating smooth, subtle transitions in backgrounds or layered content, mimicking soft petal textures.

#F8E1E5 · #F4CBD4 · #EEB4C2

Elegant Emphasis

Use for a sophisticated look where a light background meets readable text and interactive elements with soft definition.

#F8E1E5 · #E79DAF · #E1869C

Romantic Depth

Excellent for sections requiring more visual weight, such as headers, footers, or highlighted content blocks with a blush tone.

#F4CBD4 · #EEB4C2 · #E1869C

CSS variables

:root {
  --soft-petal-blush-5-1: #F8E1E5;
  --soft-petal-blush-5-2: #F4CBD4;
  --soft-petal-blush-5-3: #EEB4C2;
  --soft-petal-blush-5-4: #E79DAF;
  --soft-petal-blush-5-5: #E1869C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-petal-blush-5": {
        1: "#F8E1E5",
        2: "#F4CBD4",
        3: "#EEB4C2",
        4: "#E79DAF",
        5: "#E1869C",
      }
    }
  }
}

Related searches

delicate pink palettesoft blush colorsromantic floral aestheticgentle pastel web designpetal inspired colors

Palette colors

Hex values

Color 1#F8E1E5
·
Color 2#F4CBD4
·
Color 3#EEB4C2
·
Color 4#E79DAF
·
Color 5#E1869C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
2.1:1Fail
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Soft Petal Blush

View all pastel
Blushing Rose Dew
Cherry Blossom Cloud
Cherry Blossom Dawn
Cherry Blossom Lane
Cherry Blossom Serenade
Cherry Grove Dawn