Back to palettes

Palette

Sunstone Petal Drift

Soft, sun-kissed petals drifting gently in a warm, ethereal breeze, very delicate.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunstone Petal Drift 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 Sunstone Petal Drift.

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

Data visualization

#B565A7#E6A0E3#F6C8ED#FDD6F0#D29BFB

Palette guide

How to use Sunstone Petal Drift

Overview

The Sunstone Petal Drift palette offers a delicate and ethereal collection of soft pinks and purples, reminiscent of sun-kissed petals gently drifting. Featuring the elegant #B565A7, the vibrant #E6A0E3, and the soft #F6C8ED, this palette exudes a sense of gentle sophistication and femininity. Designers can leverage these light, airy colors to create serene and captivating visual experiences, from sophisticated websites to dreamy branding. The even lighter #FDD6F0 and the unique #D29BFB provide versatile options for layering and highlighting, making this palette perfect for projects that aim for a delicate, romantic, or luxurious feel, such as beauty brands, wedding stationery, or elegant fashion design.

Best used for

  • Feminine brand identity
  • Beauty and cosmetic product packaging
  • Wedding invitations and event decor
  • Delicate fashion design
  • Soft lifestyle blogs
  • Children's product design

Suggested color roles

primary

#B565A7 - This sophisticated plum-pink serves as a strong yet delicate primary, ideal for elegant headings, logos, or hero sections.

secondary

#E6A0E3 - A brighter, vibrant pink-purple that complements the primary, perfect for subheadings, decorative elements, or secondary calls-to-action.

accent

#D29BFB - Use this soft lavender-purple for subtle highlights, interactive elements, or to add a unique, ethereal touch.

background

#FDD6F0 - This very light, almost white pink provides an airy, delicate background that allows other colors to float gracefully.

text

A deep plum like #6A055C or a dark grey #333333 will offer the best readability against the lighter background shades in this palette.

Accessibility notes

  • Given the pastel nature, ensure high contrast for text; use darker shades like #B565A7 or a dark grey for body text against lighter backgrounds.
  • Avoid pairing #F6C8ED with #FDD6F0 for small text or icons due to extremely low contrast.
  • Test interactive elements for readability against their background, especially with lighter colors like #E6A0E3.
  • For essential information, always opt for the darkest available palette color or a standard dark text color.

Recommended combinations

Ethereal Bloom

Creates a soft, luxurious feel: #B565A7 for elegant titles, #F6C8ED for light accents, and #FDD6F0 as a delicate background.

#B565A7 · #F6C8ED · #FDD6F0

Petal Whisper

Use #E6A0E3 for a gentle pop, #D29BFB for subtle details, and #FDD6F0 for an airy, almost translucent base in delicate designs.

#E6A0E3 · #D29BFB · #FDD6F0

Deep Drift

Ideal for layering: #B565A7 for depth, #E6A0E3 for supporting visuals, and #F6C8ED for soft highlights in sophisticated layouts.

#B565A7 · #E6A0E3 · #F6C8ED

CSS variables

:root {
  --sunstone-petal-drift-1: #B565A7;
  --sunstone-petal-drift-2: #E6A0E3;
  --sunstone-petal-drift-3: #F6C8ED;
  --sunstone-petal-drift-4: #FDD6F0;
  --sunstone-petal-drift-5: #D29BFB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunstone-petal-drift": {
        1: "#B565A7",
        2: "#E6A0E3",
        3: "#F6C8ED",
        4: "#FDD6F0",
        5: "#D29BFB",
      }
    }
  }
}

Related searches

pastel pink purple palettedelicate feminine colorsethereal color schemelight floral palettesoft elegant hues

Palette colors

Hex values

Color 1#B565A7
·
Color 2#E6A0E3
·
Color 3#F6C8ED
·
Color 4#FDD6F0
·
Color 5#D29BFB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.7:1Fail
3:1Fail
1.8:1Fail
2
2:1Fail
1.4:1Fail
1.5:1Fail
1.1:1Fail
3
2.7:1Fail
1.4:1Fail
1.1:1Fail
1.5:1Fail
4
3:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
5
1.8:1Fail
1.1:1Fail
1.5:1Fail
1.6:1Fail

Similar palettes

More like Sunstone Petal Drift

View all pastel