Palette

Antique Rose Petals

Delicate and faded shades of pink, like dried petals from an old, treasured rose.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Rose Petals 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 Antique Rose Petals.

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

Data visualization

#FFF0F5#FFC0CB#E6A2B3#C07E8E#9A5B69

Palette guide

How to use Antique Rose Petals

Overview

The Antique Rose Petals palette presents delicate and faded shades of pink, like dried petals from an old, treasured rose. This elegant collection ranges from the airy #FFF0F5 to the deep, grounding #9A5B69, perfect for designs seeking a romantic, vintage, and subtly feminine aesthetic. Intermediate shades like #FFC0CB and #E6A2B3 provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, feminine web interfaces, or editorial content that requires a soft, luxurious, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from wedding platforms to beauty e-commerce sites, where a classic, gentle aesthetic is desired.

Best used for

Romantic wedding branding and invitations
Luxury beauty and skincare product packaging
Feminine lifestyle blogs and social media
Soft interior design concepts
Baby apparel and nursery decor
Vintage-inspired photography backdrops

Suggested color roles

primary

Utilize #9A5B69 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #C07E8E for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #E6A2B3 for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #FFF0F5, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #9A5B69 or a deep charcoal against the lightest backgrounds like #FFF0F5. For secondary text, #C07E8E can be effective on lighter backgrounds.

Accessibility notes

Ensure #9A5B69 text on #FFF0F5 background meets WCAG AA contrast standards.
Avoid pairing #FFC0CB or #E6A2B3 for small text on #FFF0F5, as contrast will be too low.
Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Dried Petals

Creates a soft, romantic base for content with a light background and sophisticated, muted rose accents.

#FFF0F5 · #9A5B69 · #E6A2B3

Faded Pink

Ideal for layered UI components or subtle branding, creating depth with closely related faded pinks.

#C07E8E · #FFC0CB · #9A5B69

Gentle Blush

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#E6A2B3 · #FFF0F5 · #C07E8E

CSS variables

:root {
  --antique-rose-petals-1: #FFF0F5;
  --antique-rose-petals-2: #FFC0CB;
  --antique-rose-petals-3: #E6A2B3;
  --antique-rose-petals-4: #C07E8E;
  --antique-rose-petals-5: #9A5B69;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-rose-petals": {
        1: "#FFF0F5",
        2: "#FFC0CB",
        3: "#E6A2B3",
        4: "#C07E8E",
        5: "#9A5B69",
      }
    }
  }
}

Hex values

Color 1#FFF0F5

Color 2#FFC0CB

Color 3#E6A2B3

Color 4#C07E8E

Color 5#9A5B69

Accessibility

Contrast checker

1.4:1Fail

1.9:1Fail

2.9:1Fail

4.7:1AA

1.4:1Fail

1.3:1Fail

2.1:1Fail

3.4:1AA18

1.9:1Fail

1.3:1Fail

1.5:1Fail

2.5:1Fail