Palette

Frosted Petal Charm

Delicately tinted petals, softly kissed by frost, offering a gentle and refined beauty.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Petal Charm 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 Frosted Petal Charm.

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

Data visualization

#F0E8EF#D1C0D4#B1A4B7#96889A#7A6F7F

Palette guide

How to use Frosted Petal Charm

Overview

The Frosted Petal Charm palette (version 2) offers a sophisticated blend of muted purples and grays, reminiscent of delicately frosted petals. Featuring the soft #F0E8EF, the gentle #D1C0D4, and the deeper #B1A4B7, this palette is ideal for designs that aim for an elegant, romantic, and refined aesthetic. Developers and designers will find these subtle tones, including #96889A and #7A6F7F, highly versatile for creating sophisticated branding, serene user interfaces, or luxurious digital experiences. Its subdued nature makes it perfect for projects requiring a touch of understated grace, appealing to a sense of calm and gentle beauty.

Best used for

Boutique brand identity
Romantic wedding themes
High-end beauty product packaging
Elegant fashion editorial layouts
Feminine lifestyle blogs
Spa and wellness digital platforms

Suggested color roles

primary

Use #B1A4B7 as a sophisticated primary color, providing a muted purple-grey base for main sections or prominent branding.

secondary

Employ #D1C0D4 for supporting elements or softer backgrounds, offering a lighter hue that maintains the palette's gentle feel.

accent

Highlight with #7A6F7F to add depth and a touch of richer, darker purple-grey, perfect for calls to action or key visual elements.

background

The lightest shade, #F0E8EF, creates a clean, airy background that allows content to stand out elegantly.

text

For body text, a dark charcoal or black provides optimal readability. #7A6F7F can be used for headings on very light backgrounds.

Accessibility notes

Ensure sufficient contrast when pairing very light shades like #F0E8EF with light text colors.
Use #7A6F7F or a dark grey for text on light backgrounds to ensure readability.
Avoid placing similar muted tones adjacent to each other for critical information.
Always test color combinations against WCAG guidelines for accessibility, especially for interactive elements.

Recommended combinations

Petal Softness

Creates a delicate and inviting atmosphere, ideal for romantic or feminine branding.

#F0E8EF · #D1C0D4 · #B1A4B7

Muted Elegance

Provides a sophisticated gradient, perfect for high-end web designs or subtle background textures.

#B1A4B7 · #96889A · #7A6F7F

Frosted Lilac

Effective for creating focus with a deeper accent against a soft, light base.

#F0E8EF · #7A6F7F · #D1C0D4

CSS variables

:root {
  --frosted-petal-charm-2-1: #F0E8EF;
  --frosted-petal-charm-2-2: #D1C0D4;
  --frosted-petal-charm-2-3: #B1A4B7;
  --frosted-petal-charm-2-4: #96889A;
  --frosted-petal-charm-2-5: #7A6F7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-petal-charm-2": {
        1: "#F0E8EF",
        2: "#D1C0D4",
        3: "#B1A4B7",
        4: "#96889A",
        5: "#7A6F7F",
      }
    }
  }
}

Hex values

Color 1#F0E8EF

Color 2#D1C0D4

Color 3#B1A4B7

Color 4#96889A

Color 5#7A6F7F

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

2.8:1Fail

4:1AA18

1.4:1Fail

1.9:1Fail

2.8:1Fail

2:1Fail

1.4:1Fail

2:1Fail

2.8:1Fail

1.9:1Fail

1.4:1Fail

4:1AA18

2.8:1Fail

2:1Fail

1.4:1Fail

Similar palettes

More like Frosted Petal Charm

Frosted Petal Charm

See it in context.

Ready when you are.

Built with Frosted Petal Charm.

How to use Frosted Petal Charm

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Petal Softness

Muted Elegance

Frosted Lilac

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosted Petal Charm