Back to palettes

Palette

Blushing Rose Petal

Delicate to deep pinks, capturing the romantic and soft allure of blooming rose petals.

PastelElegant5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blushing Rose 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 Blushing Rose Petal.

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

Data visualization

#F8BBD0#F06292#E91E63#D81B60#C2185B

Palette guide

How to use Blushing Rose Petal

Overview

The Blushing Rose Petal palette captures the romantic and soft allure of blooming rose petals, transitioning from delicate pastels to deep, passionate pinks. It opens with the incredibly soft #F8BBD0, a gentle and airy base, and then intensifies through the vibrant #F06292 and the rich #E91E63. The palette deepens further with the sophisticated #D81B60 and culminates in the profound #C2185B, providing a powerful yet elegant statement. This collection is ideal for designs that blend femininity with strength, perfect for fashion, beauty, or impactful romantic branding.

Best used for

  • Luxury beauty and makeup brands
  • Fashion editorials and campaigns
  • Romantic event design
  • Vibrant feminine websites
  • High-impact product packaging
  • Bold stationery

Suggested color roles

primary

Use #C2185B as a strong primary for brand logos, main headings, or impactful calls to action, conveying passion and sophistication.

secondary

Employ #E91E63 for supporting sections, subheadings, or background accents, maintaining a vibrant yet elegant feel.

accent

Apply #F06292 sparingly for interactive elements, subtle highlights, or graphic details to add a pop of cheerful energy.

background

Utilize #F8BBD0 as the primary background color to provide a clean, soft canvas, allowing deeper tones to truly stand out.

text

For dark text on light backgrounds, #C2185B offers excellent readability. For body text on #F8BBD0, a deep charcoal or near-black is recommended.

Accessibility notes

  • Ensure strong contrast when using #F06292 for text on #F8BBD0; a darker neutral might be necessary for body copy.
  • The deeper #E91E63, #D81B60, and #C2185B offer excellent contrast for text when used on the lightest background #F8BBD0, meeting WCAG AA standards.
  • For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, especially when using mid-tones like #F06292.
  • Avoid relying solely on color to convey critical information, particularly with the close proximity of the mid-to-deep pinks, to assist color vision deficiencies.

Recommended combinations

Bold Rose

Ideal for strong brand statements, impactful headlines, or primary call-to-action buttons on a soft, elegant backdrop.

#C2185B · #F8BBD0 · #E91E63

Vibrant Petal

Perfect for energetic accents, vibrant illustrations, or layered UI elements that need a dynamic and romantic touch.

#F06292 · #D81B60 · #F8BBD0

Soft Contrast

Excellent for clean content blocks, readable body text with a strong heading, or inviting product highlights in a refined interface.

#E91E63 · #F8BBD0 · #C2185B

CSS variables

:root {
  --blushing-rose-petal-1: #F8BBD0;
  --blushing-rose-petal-2: #F06292;
  --blushing-rose-petal-3: #E91E63;
  --blushing-rose-petal-4: #D81B60;
  --blushing-rose-petal-5: #C2185B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blushing-rose-petal": {
        1: "#F8BBD0",
        2: "#F06292",
        3: "#E91E63",
        4: "#D81B60",
        5: "#C2185B",
      }
    }
  }
}

Related searches

blushing rose palettedeep pink color schemeromantic floral tonesvibrant fuchsia paletteelegant rose petal

Palette colors

Hex values

Color 1#F8BBD0
·
Color 2#F06292
·
Color 3#E91E63
·
Color 4#D81B60
·
Color 5#C2185B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.7:1Fail
3.1:1AA18
3.6:1AA18
2
1.9:1Fail
1.4:1Fail
1.6:1Fail
1.9:1Fail
3
2.7:1Fail
1.4:1Fail
1.1:1Fail
1.4:1Fail
4
3.1:1AA18
1.6:1Fail
1.1:1Fail
1.2:1Fail
5
3.6:1AA18
1.9:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Blushing Rose Petal

View all Pastel
Dusty Rose Bloom
Vintage Rose Veil
Garden Rose Hues
Sweet Rose Petals
Whispering Orchid Veil
Blossom Blush Breeze