Palette

Antique Porcelain Rose

Soft, powdery pinks and whites, like the delicate artistry of an antique porcelain rose.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF3F5#F8E3E6#F2D3D6#ECC3C6#E6B3B6

Palette guide

How to use Antique Porcelain Rose

Overview

The Antique Porcelain Rose palette offers soft, powdery pinks and whites, reminiscent of the delicate artistry of an antique porcelain rose. This elegant collection spans from the pristine #FDF3F5 to the gentle, blooming #E6B3B6, perfect for designs seeking a delicate, romantic, and refined aesthetic. Intermediate shades like #F8E3E6 and #F2D3D6 provide subtle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for sophisticated 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

Wedding and bridal branding
Luxury beauty and cosmetics packaging
Feminine lifestyle blogs and websites
Baby shower invitations and decor
Elegant confectionery branding
Interior design for romantic spaces

Suggested color roles

primary

Utilize #E6B3B6 as a soft, inviting primary accent for headings, important buttons, or delicate illustrations, providing a gentle focal point.

secondary

Employ #ECC3C6 for supporting elements, subheadings, or subtle background panels, offering a slightly deeper pink without losing delicacy.

accent

Apply #F2D3D6 for delicate highlights, interactive states, or subtle graphic details, providing a gentle glow within the rosy spectrum.

background

The lightest tone, #FDF3F5, is perfect as a clean, elegant background, mimicking porcelain to ensure excellent readability and a refined feel.

text

For optimal legibility, use a dark charcoal or a soft grey (e.g., #4A4A4A) against the lightest backgrounds like #FDF3F5. #E6B3B6 can work for larger display text on #FDF3F5.

Accessibility notes

Ensure sufficient contrast for text, especially when using any palette color for text on another palette color.
Avoid pairing #F8E3E6 or #F2D3D6 for small text on #FDF3F5, as contrast will be too low.
For critical text, consider a darker, non-palette neutral like a rich black or dark grey for readability.
Verify all interactive elements have clear visual states that meet contrast requirements.

Recommended combinations

Porcelain Base

Provides a clean, elegant foundation for content with a pristine background and soft, romantic accents.

#FDF3F5 · #E6B3B6 · #ECC3C6

Rose Blush

Ideal for layered UI components or subtle branding, creating depth with closely related pink tones.

#F8E3E6 · #F2D3D6 · #E6B3B6

Delicate Highlight

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

#ECC3C6 · #FDF3F5 · #F2D3D6

CSS variables

:root {
  --antique-porcelain-rose-1: #FDF3F5;
  --antique-porcelain-rose-2: #F8E3E6;
  --antique-porcelain-rose-3: #F2D3D6;
  --antique-porcelain-rose-4: #ECC3C6;
  --antique-porcelain-rose-5: #E6B3B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-porcelain-rose": {
        1: "#FDF3F5",
        2: "#F8E3E6",
        3: "#F2D3D6",
        4: "#ECC3C6",
        5: "#E6B3B6",
      }
    }
  }
}

Hex values

Color 1#FDF3F5

Color 2#F8E3E6

Color 3#F2D3D6

Color 4#ECC3C6

Color 5#E6B3B6

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.7:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.3:1Fail

1.1:1Fail

1.7:1Fail

1.5:1Fail

1.3:1Fail

1.1:1Fail

Similar palettes

More like Antique Porcelain Rose

Antique Porcelain Rose

See it in context.

Ready when you are.

Built with Antique Porcelain Rose.

How to use Antique Porcelain Rose

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Porcelain Base

Rose Blush

Delicate Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Antique Porcelain Rose