Back to palettes

Palette

Antique Rose Petal

Soft and faded, this palette captures the delicate, aged beauty of an antique rose.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8E7F0#E0C8DA#C3A6C5#9E819C#7A6076

Palette guide

How to use Antique Rose Petal

Overview

The Antique Rose Petal palette captures the soft and faded beauty of an aged rose, offering a sophisticated range of muted pinks and purples. From the airy #F8E7F0 to the deep, grounding #7A6076, this collection is perfect for designs seeking an elegant, vintage, and subtly romantic aesthetic. Intermediate shades like #E0C8DA and #C3A6C5 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

  • Vintage fashion and beauty branding
  • Romantic wedding stationery and decor
  • Feminine lifestyle blogs and social media
  • Editorial design for art and culture magazines
  • Luxury packaging for delicate products
  • Interior design for elegant, classic rooms

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

For optimal legibility, use #7A6076 or a deep charcoal against the lightest backgrounds like #F8E7F0. For secondary text, #9E819C can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #7A6076 text on #F8E7F0 background meets WCAG AA contrast standards.
  • Avoid pairing #E0C8DA or #C3A6C5 for small text on #F8E7F0, 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

Faded Bloom

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

#F8E7F0 · #7A6076 · #E0C8DA

Vintage Depth

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

#9E819C · #C3A6C5 · #7A6076

Gentle Highlight

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

#E0C8DA · #F8E7F0 · #C3A6C5

CSS variables

:root {
  --antique-rose-petal-2-1: #F8E7F0;
  --antique-rose-petal-2-2: #E0C8DA;
  --antique-rose-petal-2-3: #C3A6C5;
  --antique-rose-petal-2-4: #9E819C;
  --antique-rose-petal-2-5: #7A6076;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-rose-petal-2": {
        1: "#F8E7F0",
        2: "#E0C8DA",
        3: "#C3A6C5",
        4: "#9E819C",
        5: "#7A6076",
      }
    }
  }
}

Related searches

muted rose color palettevintage pink and purplefaded floral schemeelegant pastel designantique feminine colors

Palette colors

Hex values

Color 1#F8E7F0
·
Color 2#E0C8DA
·
Color 3#C3A6C5
·
Color 4#9E819C
·
Color 5#7A6076
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.9:1Fail
4.7:1AA
2
1.3:1Fail
1.4:1Fail
2.2:1Fail
3.6:1AA18
3
1.8:1Fail
1.4:1Fail
1.6:1Fail
2.5:1Fail
4
2.9:1Fail
2.2:1Fail
1.6:1Fail
1.6:1Fail
5
4.7:1AA
3.6:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Antique Rose Petal

View all pastel