Back to palettes

Palette

Soft Petal Blush

A tender palette of gentle pinks and creams, mirroring the delicate beauty of freshly bloomed flower petals.

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

#FDF2F4#F4E0E8#E6C9D8#D9B2C7#C99CAF

Palette guide

How to use Soft Petal Blush

Overview

The Soft Petal Blush palette offers a tender and delicate collection of pinks and creams, mirroring the subtle beauty of freshly bloomed flower petals. Ranging from the ethereal #FDF2F4 to the deeper, rosy #C99CAF, this palette is ideal for designs that seek romance, sophistication, and a gentle touch. Designers can leverage these hex codes for feminine branding, elegant stationery, or any project requiring a soft, inviting 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 clothing e-commerce
  • Beauty and cosmetic product design
  • Delicate floral illustrations
  • Romantic lifestyle blogs
  • Handmade craft websites

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

#C99CAF 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 #F4E0E8 with #E6C9D8 for text; test against WCAG standards.
  • #C99CAF provides good contrast on #FDF2F4 for body text, but verify readability for smaller font sizes.
  • Avoid using #FDF2F4 or #F4E0E8 for small text on similarly light backgrounds to prevent readability issues.
  • For critical interactive elements, #D9B2C7 or #C99CAF offers better visibility, ensuring accessibility.

Recommended combinations

Gentle Layers

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

#FDF2F4 · #F4E0E8 · #E6C9D8

Elegant Emphasis

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

#FDF2F4 · #D9B2C7 · #C99CAF

Romantic Depth

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

#F4E0E8 · #E6C9D8 · #C99CAF

CSS variables

:root {
  --soft-petal-blush-2-1: #FDF2F4;
  --soft-petal-blush-2-2: #F4E0E8;
  --soft-petal-blush-2-3: #E6C9D8;
  --soft-petal-blush-2-4: #D9B2C7;
  --soft-petal-blush-2-5: #C99CAF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-petal-blush-2": {
        1: "#FDF2F4",
        2: "#F4E0E8",
        3: "#E6C9D8",
        4: "#D9B2C7",
        5: "#C99CAF",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#FDF2F4
·
Color 2#F4E0E8
·
Color 3#E6C9D8
·
Color 4#D9B2C7
·
Color 5#C99CAF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2.2:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.9: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.3:1Fail
5
2.2:1Fail
1.9:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Soft Petal Blush

View all pastel
Blushing Rose Dew
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Dawn
Cherry Blossom Grace
Cherry Blossom Lane