Back to palettes

Palette

Sweet Peony Petals

Delicate, feminine shades capturing the lush, voluminous petals of a blooming peony.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Peony 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 Sweet Peony Petals.

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

Data visualization

#F6DCEF#E7C9E7#D8B7DE#C9A5D6#BA93CE

Palette guide

How to use Sweet Peony Petals

Overview

The "Sweet Peony Petals" palette captures the lush, voluminous petals of a blooming peony with delicate, feminine shades. This elegant collection features a very light pink-purple (#F6DCEF), a soft lavender (#E7C9E7), a muted mauve (#D8B7DE), a gentle medium purple (#C9A5D6), and a deeper violet (#BA93CE). It’s ideal for designers and developers seeking to create sophisticated, romantic, and luxurious designs. The harmonious progression from light to deeper purples provides depth and versatility, making it perfect for high-end branding, elegant web designs, or UI elements that benefit from a rich yet soft floral aesthetic.

Best used for

  • Luxury floral and event design
  • High-end beauty and cosmetic brands
  • Wedding dress boutique websites
  • Feminine fashion and jewelry branding
  • Art gallery or portfolio themes
  • Spa and wellness digital interfaces

Suggested color roles

primary

A soft lavender (#E7C9E7), ideal for main branding elements, hero sections, or prominent features that need to convey elegance and softness.

secondary

A muted mauve (#D8B7DE), excellent for balancing the primary, providing a sophisticated secondary color for navigation or content blocks.

accent

A deeper violet (#BA93CE), perfect for bold accents, call-to-action buttons, or small details that need a strong, luxurious pop and depth.

background

A very light pink-purple (#F6DCEF), offering a clean and delicate canvas that allows the other elegant hues to shine, maintaining an airy feel.

text

For optimal readability, use a dark gray like #333333 or black for body text, ensuring strong contrast, especially against the lighter hues.

Accessibility notes

  • Ensure strong contrast for text, especially with lighter shades; dark text (e.g., black, dark gray) is recommended for body copy to meet WCAG standards.
  • The deeper purples (#C9A5D6, #BA93CE) can be used for larger text on very light backgrounds, but always verify contrast ratios.
  • Interactive elements should be clearly distinguishable; consider using a darker outline or a subtle shadow for buttons against similar hues.
  • Avoid placing light pink-purple text on other light purples; always opt for high contrast pairings for readability and accessibility.

Recommended combinations

Elegant Gradient

Ideal for creating smooth, captivating gradients in backgrounds, artistic illustrations, or elegant UI transitions.

#F6DCEF · #D8B7DE · #BA93CE

Soft Petal Layers

Excellent for sophisticated branding, delicate digital elements, or sections that need a rich yet soft visual appeal.

#E7C9E7 · #C9A5D6 · #F6DCEF

Violet Depth

Best for prominent headings, subtle patterns, or design elements requiring depth and a luxurious, refined feel.

#D8B7DE · #C9A5D6 · #BA93CE

CSS variables

:root {
  --sweet-peony-petals-1: #F6DCEF;
  --sweet-peony-petals-2: #E7C9E7;
  --sweet-peony-petals-3: #D8B7DE;
  --sweet-peony-petals-4: #C9A5D6;
  --sweet-peony-petals-5: #BA93CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-peony-petals": {
        1: "#F6DCEF",
        2: "#E7C9E7",
        3: "#D8B7DE",
        4: "#C9A5D6",
        5: "#BA93CE",
      }
    }
  }
}

Related searches

peony flower colorspink purple elegant palettefeminine soft designluxurious pastel huesromantic floral scheme

Palette colors

Hex values

Color 1#F6DCEF
·
Color 2#E7C9E7
·
Color 3#D8B7DE
·
Color 4#C9A5D6
·
Color 5#BA93CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Sweet Peony Petals

View all pastel
Cherry Blossom Cloud
Cherry Blossom Dream
Enchanted Bloom Veil
Orchid Dewdrop Pink
Berry Blossom Kiss
Cotton Candy Dream