Back to palettes

Palette

Frost Kissed Petals

Delicate floral shades touched by winter's gentle frost, creating a serene and ethereal beauty.

Pastelcalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frost Kissed 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 Frost Kissed Petals.

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

Data visualization

#E0BBE4#97D0EE#BCCCDC#F7D5D9#F0F8FF

Palette guide

How to use Frost Kissed Petals

Overview

The Frost Kissed Petals palette presents a collection of soft, ethereal pastels, reminiscent of delicate winter blooms touched by frost. It features a gentle light periwinkle (#E0BBE4), a calming light blue (#97D0EE), a subtle light gray-blue (#BCCCDC), a tender pale pink (#F7D5D9), and a pristine alice blue (#F0F8FF). This palette is exceptionally well-suited for designers and developers creating content that needs to feel gentle, elegant, and serene, perfect for conveying a sense of delicate beauty across feminine brands, wedding themes, or baby products.

Best used for

  • Wedding invitations and event decor
  • Baby product branding and packaging
  • Spa and wellness websites
  • Fashion and beauty blogs
  • Delicate stationery design
  • Ethereal digital illustrations and art

Suggested color roles

primary

Use #E0BBE4 as a soft, inviting primary color for gentle branding or key visual elements.

secondary

Apply #97D0EE for calm, supportive sections, or to introduce a cool, refreshing balance.

accent

Introduce #F7D5D9 as a gentle, warm highlight, perfect for subtle call-to-actions or decorative flourishes.

background

Utilize #F0F8FF as a clean, expansive, and airy canvas that allows other colors to subtly emerge.

text

For optimal readability, use a dark gray or charcoal for body text, or #BCCCDC for subtle headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for all text, especially on very light backgrounds like #F0F8FF and #F7D5D9, using much darker text.
  • The palette's lightness means body text will almost always need to be a dark gray or black for readability.
  • Avoid using #F7D5D9 and #F0F8FF directly adjacent for critical information due to extremely low contrast.
  • Interactive elements should have clear visual cues beyond color, such as underlines or bolding, given the subtle color differences.

Recommended combinations

Pastel Bloom

For gentle branding, romantic themes, and soft, inviting backgrounds.

#E0BBE4 · #F7D5D9 · #F0F8FF

Sky Petal

Ideal for serene interfaces, header sections, and subtle gradient effects.

#97D0EE · #BCCCDC · #F0F8FF

Delicate Frost

Effective for layered graphics, decorative elements, and subtle UI components.

#E0BBE4 · #BCCCDC · #F7D5D9

CSS variables

:root {
  --frost-kissed-petals-1: #E0BBE4;
  --frost-kissed-petals-2: #97D0EE;
  --frost-kissed-petals-3: #BCCCDC;
  --frost-kissed-petals-4: #F7D5D9;
  --frost-kissed-petals-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frost-kissed-petals": {
        1: "#E0BBE4",
        2: "#97D0EE",
        3: "#BCCCDC",
        4: "#F7D5D9",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel winter palettedelicate floral colorsethereal design schemesoft pink blue paletteelegant light colors

Palette colors

Hex values

Color 1#E0BBE4
·
Color 2#97D0EE
·
Color 3#BCCCDC
·
Color 4#F7D5D9
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1:1Fail
1.2:1Fail
1.6:1Fail
2
1:1Fail
1:1Fail
1.2:1Fail
1.6:1Fail
3
1:1Fail
1:1Fail
1.2:1Fail
1.5:1Fail
4
1.2:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
5
1.6:1Fail
1.6:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Frost Kissed Petals

View all Pastel
Evening Dewdrop Garden
Pastel Cloud Dream
Cherry Blossom Festival
Macaron Cloud Dream
Aqua Blossom Dream
Azure Serene Dawn