Back to palettes

Palette

Porcelain Bloom Petals

Delicate, almost translucent pinks and whites, like the fragile beauty of porcelain flower petals caught in soft light.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Porcelain Bloom 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 Porcelain Bloom Petals.

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

Data visualization

#E8DCDC#F5ECEC#FFF7F7#D9CACA#B3A2A2

Palette guide

How to use Porcelain Bloom Petals

Overview

The Porcelain Bloom Petals palette offers a collection of delicate, almost translucent pinks and whites, reminiscent of fragile flower petals caught in soft light. This elegant scheme features hues like the airy #FFF7F7, the subtle blush of #F5ECEC, and the slightly deeper #E8DCDC. Anchored by the muted warmth of #D9CACA and the grounding rose-grey of #B3A2A2, it provides designers and developers with a sophisticated foundation for projects demanding a gentle, refined aesthetic. Perfect for creating serene and inviting digital or physical experiences, ensuring a soft, luxurious feel.

Best used for

  • High-end cosmetic branding
  • Wedding invitations and decor
  • Spa and wellness website design
  • Luxury fashion editorial layouts
  • Delicate product packaging
  • Feminine lifestyle blogs

Suggested color roles

primary

Use #F5ECEC as the main background or primary surface color for a soft, airy foundation.

secondary

Employ #E8DCDC for subtle content blocks, card backgrounds, or secondary navigation elements, adding gentle depth.

accent

Apply #B3A2A2 for key accents, small icons, or important call-to-action elements where a muted contrast is desired.

background

Utilize #FFF7F7 as the overall page background to provide a clean, bright, and expansive canvas.

text

For headings and larger decorative text, #D9CACA can offer a sophisticated, light touch. For body text, use a dark charcoal or black for readability.

Accessibility notes

  • Ensure sufficient contrast for #B3A2A2 text against lighter backgrounds like #FFF7F7, especially for small font sizes.
  • Avoid using #D9CACA for small body text; its low contrast requires careful application, preferably for large headings.
  • For critical body text, always opt for a high-contrast color like dark charcoal or black to meet WCAG standards.
  • Verify that interactive elements like buttons have distinct hover/focus states, as color differences are subtle.

Recommended combinations

Soft Gradient

Create smooth, delicate transitions for backgrounds, headers, or subtle UI elements like card borders.

#FFF7F7 · #F5ECEC · #E8DCDC

Elegant Contrast

#FFF7F7 as a clean background, #B3A2A2 for elegant headings, and #D9CACA for subtext or decorative lines.

#FFF7F7 · #B3A2A2 · #D9CACA

Delicate Depth

Layered design elements, subtle content blocks, or infographic components, building gentle visual hierarchy.

#F5ECEC · #E8DCDC · #B3A2A2

CSS variables

:root {
  --porcelain-bloom-petals-1: #E8DCDC;
  --porcelain-bloom-petals-2: #F5ECEC;
  --porcelain-bloom-petals-3: #FFF7F7;
  --porcelain-bloom-petals-4: #D9CACA;
  --porcelain-bloom-petals-5: #B3A2A2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-bloom-petals": {
        1: "#E8DCDC",
        2: "#F5ECEC",
        3: "#FFF7F7",
        4: "#D9CACA",
        5: "#B3A2A2",
      }
    }
  }
}

Related searches

delicate pink paletteelegant blush color schemesoft floral design colorslight feminine brand palettepastel wedding color ideas

Palette colors

Hex values

Color 1#E8DCDC
·
Color 2#F5ECEC
·
Color 3#FFF7F7
·
Color 4#D9CACA
·
Color 5#B3A2A2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.2:1Fail
1.8:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
2.1:1Fail
3
1.3:1Fail
1.1:1Fail
1.5:1Fail
2.3:1Fail
4
1.2:1Fail
1.4:1Fail
1.5:1Fail
1.5:1Fail
5
1.8:1Fail
2.1:1Fail
2.3:1Fail
1.5:1Fail

Similar palettes

More like Porcelain Bloom Petals

View all pastel
Blush Silk Drape
Faded Floral Keepsake
Mystic Orchid Petal
Peony Blush Bloom
Porcelain Doll Blush
Antique Porcelain Rose