Back to palettes

Palette

Petal Frost Serene

Gentle and ethereal hues, like dew-kissed petals at dawn, whispering of softness and grace.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Petal Frost Serene 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 Petal Frost Serene.

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

Data visualization

#FCE8E8#F0D0E0#E0B0D0#D090C0#C070B0

Palette guide

How to use Petal Frost Serene

Overview

The Petal Frost Serene palette offers a gradient of gentle and ethereal pinks and purples, like dew-kissed petals at dawn. Ranging from the almost white #FCE8E8 to the deeper #C070B0, this collection of muted hues whispers of softness and grace. It's an excellent choice for designs that require a delicate, feminine, and subtly sophisticated touch. Ideal for wedding themes, beauty products, or any digital interface that aims for a calm and inviting user experience without being overtly vibrant. Developers can leverage these subtle shifts in tone to create depth and visual interest in a very understated and elegant manner.

Best used for

  • Wedding and event planning websites
  • Beauty and skincare product branding
  • Feminine fashion or lifestyle blogs
  • Baby shower invitations and decor
  • Spa and wellness retreat promotions
  • Subtle artistic photography backdrops

Suggested color roles

primary

#E0B0D0 - A soft, mid-tone rosy lavender, perfect for primary branding elements, headers, and key visual accents.

secondary

#D090C0 - A slightly deeper, more defined lavender, suitable for secondary call-to-actions, interactive elements, or subheadings.

accent

#F0D0E0 - A lighter, gentle pink, ideal for subtle highlights, hover states, or delicate graphical details.

background

#FCE8E8 - An extremely pale, blush pink that provides a clean, soft, and inviting background without harshness.

text

#6A5ACD (a dark lavender) or a deep plum - Essential for body text to ensure readability against the very light palette colors, maintaining a soft elegance.

Accessibility notes

  • All colors are light; text must be a significantly darker shade (e.g., #333333 or a deep plum) to ensure readability.
  • Avoid using any palette color for text on another palette color, as contrast will be insufficient for accessibility.
  • Use #FCE8E8 as a background and pair with a dark, contrasting text color for optimal WCAG AA compliance.
  • For decorative elements, the palette works well, but functional text needs strong, external contrast.

Recommended combinations

Blush Gradient

Creates a soft, flowing visual effect, ideal for backgrounds or subtle UI transitions.

#FCE8E8 · #F0D0E0 · #E0B0D0

Deep Petal

For a more defined look, using the deeper tones for emphasis against a very light background.

#C070B0 · #D090C0 · #FCE8E8

Ethereal Glow

Perfect for subtle branding or gentle illustrations, offering a harmonious and soft progression of color.

#F0D0E0 · #E0B0D0 · #D090C0

CSS variables

:root {
  --petal-frost-serene-1: #FCE8E8;
  --petal-frost-serene-2: #F0D0E0;
  --petal-frost-serene-3: #E0B0D0;
  --petal-frost-serene-4: #D090C0;
  --petal-frost-serene-5: #C070B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petal-frost-serene": {
        1: "#FCE8E8",
        2: "#F0D0E0",
        3: "#E0B0D0",
        4: "#D090C0",
        5: "#C070B0",
      }
    }
  }
}

Related searches

pastel pink purple palettesoft blush color schemedelicate floral design colorsserene feminine palettemuted lavender pink hues

Palette colors

Hex values

Color 1#FCE8E8
·
Color 2#F0D0E0
·
Color 3#E0B0D0
·
Color 4#D090C0
·
Color 5#C070B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.1:1Fail
2.9:1Fail
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.1:1Fail
1.8:1Fail
1.3:1Fail
1.4:1Fail
5
2.9:1Fail
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Petal Frost Serene

View all pastel
Cherry Blossom Blush
Desert Blossom Whisper
Morning Petal Blush
Rose Petal Dawn
Sweet Peony Whisper
Whispering Orchid Petal