Palette

Blushing Rose Glow

Gentle, inviting pinks capturing the delicate beauty and soft glow of 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 Glow 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 Glow.

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

Data visualization

#F0A8B8#E28FA8#D17694#BF5B7E#A64567

Palette guide

How to use Blushing Rose Glow

Overview

The Blushing Rose Glow palette captures the delicate beauty and soft, inviting warmth of rose petals, transitioning from gentle pastels to deeper, richer pinks. Starting with the soft #F0A8B8, it progresses through the charming #E28FA8 and the elegant #D17694. The palette culminates in the more saturated #BF5B7E and the deep, romantic #A64567, evoking the full, vibrant glow of a blooming rose. This collection is ideal for designs that require a sophisticated, feminine, and romantic aesthetic, perfect for beauty brands, fashion editorials, or luxurious event branding.

Best used for

Luxury cosmetics branding
Fashion and bridal editorials
Romantic website themes
High-end stationery
Elegant event invitations
Feminine product packaging

Suggested color roles

primary

Use #A64567 as a sophisticated primary for brand logos, main headings, or key graphical elements, conveying depth and romance.

secondary

Employ #D17694 for supporting sections, subheadings, or background accents, maintaining the palette's elegant and inviting feel.

accent

Apply #BF5B7E sparingly for interactive elements, subtle highlights, or graphic details to add a touch of inviting richness.

background

Utilize #F0A8B8 or #E28FA8 as light backgrounds, allowing deeper tones to stand out. For lighter backgrounds, consider a near-white.

text

For dark text on light backgrounds, #A64567 offers excellent readability. For body text, a deep charcoal or a rich plum is recommended on the lightest shades.

Accessibility notes

Ensure adequate contrast when using lighter pinks like #F0A8B8 for text on similar light backgrounds; a darker neutral is often necessary.
The deeper #A64567 and #BF5B7E provide good contrast for text when used on the lightest #F0A8B8, meeting WCAG AA standards.
For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, potentially by outlining or increasing text size.
Avoid relying solely on color to convey critical information, especially with the subtle differences between the lighter tones, to assist color vision deficiencies.

Recommended combinations

Deep Rose

Ideal for strong brand statements, elegant headers, or sophisticated call-to-action buttons on a gentle backdrop.

#A64567 · #F0A8B8 · #D17694

Petal Glow

Perfect for subtle background transitions, romantic illustrations, or layered UI elements that need a warm touch.

#E28FA8 · #BF5B7E · #F0A8B8

Soft Elegance

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

#D17694 · #F0A8B8 · #A64567

CSS variables

:root {
  --blushing-rose-glow-1: #F0A8B8;
  --blushing-rose-glow-2: #E28FA8;
  --blushing-rose-glow-3: #D17694;
  --blushing-rose-glow-4: #BF5B7E;
  --blushing-rose-glow-5: #A64567;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blushing-rose-glow": {
        1: "#F0A8B8",
        2: "#E28FA8",
        3: "#D17694",
        4: "#BF5B7E",
        5: "#A64567",
      }
    }
  }
}

Hex values

Color 1#F0A8B8

Color 2#E28FA8

Color 3#D17694

Color 4#BF5B7E

Color 5#A64567

Accessibility

Contrast checker

1.3:1Fail

1.6:1Fail

2.2:1Fail

3:1Fail

1.3:1Fail

1.7:1Fail

2.4:1Fail

1.6:1Fail

1.3:1Fail

1.8:1Fail

2.2:1Fail

1.7:1Fail

1.3:1Fail

1.4:1Fail

3:1Fail

2.4:1Fail

1.8:1Fail

1.4:1Fail

Similar palettes

More like Blushing Rose Glow

Blushing Rose Glow

See it in context.

Ready when you are.

Built with Blushing Rose Glow.

How to use Blushing Rose Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Rose

Petal Glow

Soft Elegance

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Blushing Rose Glow