Back to palettes

Palette

Sugared Petal Dust

Delicate and airy, these pale pastels evoke the soft, gentle beauty of flower petals lightly dusted with powdered sugar.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sugared Petal Dust 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 Sugared Petal Dust.

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

Data visualization

#F8DCE0#B4E0E0#C8D8E8#FDE8DE#E2D8E2

Palette guide

How to use Sugared Petal Dust

Overview

The Sugared Petal Dust palette offers a collection of exquisitely delicate pastels, evoking the gentle beauty of flower petals lightly dusted with sugar. Featuring hues like the rosy #F8DCE0, serene #B4E0E0, soft #C8D8E8, warm #FDE8DE, and subtle #E2D8E2, this palette is perfect for creating designs that exude calm and tenderness. Designers can leverage these colors for elegant wedding stationery, feminine brand identities, or tranquil digital experiences. For developers, these soft tones provide an excellent base for light-themed interfaces, ensuring an inviting and soothing user journey. Its ethereal quality makes it ideal for projects seeking a gentle, sophisticated touch.

Best used for

  • Wedding and event stationery
  • Feminine brand identity and packaging
  • Baby product lines and nursery decor
  • Health and wellness app interfaces
  • Delicate floral illustrations
  • Spa or beauty salon branding

Suggested color roles

primary

#F8DCE0 provides a gentle, welcoming warmth as a leading color.

secondary

#B4E0E0 introduces a serene, cool balance, perfect for supporting elements.

accent

#FDE8DE offers a subtle, warm highlight, ideal for delicate details.

background

#C8D8E8 serves as a calm, expansive base, promoting tranquility.

text

#E2D8E2 can be used for larger, decorative headings, but a dark gray or charcoal is recommended for body text on any background for optimal readability.

Accessibility notes

  • All colors are very light; body text should be a dark neutral (e.g., #333333) to ensure readability.
  • Avoid using any of the palette colors for small text as their contrast against each other is generally low.
  • For interactive elements, ensure distinct visual feedback beyond color, such as underlines or bolding.
  • Maintain a hierarchy of information by using different font weights or sizes, as color contrast is limited.

Recommended combinations

Airy Calm

Creates serene, expansive backgrounds for websites or subtle branding elements.

#F8DCE0 · #B4E0E0 · #C8D8E8

Gentle Warmth

Ideal for soft gradients, decorative accents, or a warm, inviting feel in digital illustrations.

#FDE8DE · #F8DCE0 · #E2D8E2

Subtle Depth

Useful for layering UI elements or creating soft, distinct sections in a clean design.

#C8D8E8 · #B4E0E0 · #FDE8DE

CSS variables

:root {
  --sugared-petal-dust-1: #F8DCE0;
  --sugared-petal-dust-2: #B4E0E0;
  --sugared-petal-dust-3: #C8D8E8;
  --sugared-petal-dust-4: #FDE8DE;
  --sugared-petal-dust-5: #E2D8E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugared-petal-dust": {
        1: "#F8DCE0",
        2: "#B4E0E0",
        3: "#C8D8E8",
        4: "#FDE8DE",
        5: "#E2D8E2",
      }
    }
  }
}

Related searches

delicate pastel palettefloral calm colorssoft wedding themelight ethereal designpowdered sugar aesthetics

Palette colors

Hex values

Color 1#F8DCE0
·
Color 2#B4E0E0
·
Color 3#C8D8E8
·
Color 4#FDE8DE
·
Color 5#E2D8E2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail
2
1.1:1Fail
1:1Fail
1.2:1Fail
1:1Fail
3
1.1:1Fail
1:1Fail
1.2:1Fail
1:1Fail
4
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
5
1.1:1Fail
1:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Sugared Petal Dust

View all pastel
Dewdrop Petal Blush
Sweet Lavender Bloom
Blushing Petal Softness
Dawn Cloud Whisper
Desert Rose Whispers
Gentle Blossom Whisper