Back to palettes

Palette

Pastel Petal Cascade

A gentle shower of delicate floral shades, mimicking petals fluttering softly in a dreamy, light breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Petal Cascade 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 Pastel Petal Cascade.

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

Data visualization

#F8BBD0#E1BEE7#D1C4E9#C5CAE9#BBDEFB

Palette guide

How to use Pastel Petal Cascade

Overview

The Pastel Petal Cascade palette is a gentle shower of delicate floral shades, mimicking petals fluttering softly in a dreamy, light breeze. This harmonious collection features a soft rose pink (#F8BBD0), a tender lavender (#E1BEE7), a muted violet (#D1C4E9), a serene periwinkle (#C5CAE9), and a light sky blue (#BBDEFB). Designers can leverage these calming hues to create sophisticated, ethereal, and romantic visuals. Developers will find this palette excellent for crafting gentle user interfaces, elegant branding, or any digital presence aiming for a peaceful, artistic, and sophisticated aesthetic with a touch of natural beauty.

Best used for

  • Wedding and event invitations
  • Floral design studios branding
  • Beauty and skincare product packaging
  • Romantic or feminine fashion lines
  • Dreamy website interfaces
  • Artistic digital illustrations

Suggested color roles

primary

#F8BBD0 - A soft, romantic rose pink, ideal for prominent brand elements or a delicate call-to-action.

secondary

#BBDEFB - A calming light sky blue, perfect for supporting sections, headers, or background accents.

accent

#E1BEE7 - This tender lavender adds a subtle elegance, excellent for decorative details or secondary highlights.

background

#C5CAE9 - A serene periwinkle, providing a soft, expansive canvas that enhances the dreamy, ethereal feel.

text

A deep charcoal or rich dark purple is recommended for optimal readability against these light pastel backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, as all palette colors are relatively light and require darker text for legibility.
  • Be cautious when pairing adjacent colors like #D1C4E9 and #C5CAE9 for text and background, as contrast may be low.
  • Use a contrast checker for all interactive elements to ensure they are clearly distinguishable.
  • For important information, consider using #F8BBD0 or #BBDEFB as background for better text legibility with dark text.

Recommended combinations

Rose & Lavender

Ideal for romantic branding, wedding themes, or soft, elegant digital content.

#F8BBD0 · #E1BEE7 · #C5CAE9

Sky Violet

Creates a serene, dreamy atmosphere, suitable for artistic illustrations or calming interfaces.

#BBDEFB · #D1C4E9 · #F8BBD0

Periwinkle Dream

Excellent for light, ethereal backgrounds, subtle accents, or a sophisticated, gentle visual presence.

#C5CAE9 · #E1BEE7 · #BBDEFB

CSS variables

:root {
  --pastel-petal-cascade-1: #F8BBD0;
  --pastel-petal-cascade-2: #E1BEE7;
  --pastel-petal-cascade-3: #D1C4E9;
  --pastel-petal-cascade-4: #C5CAE9;
  --pastel-petal-cascade-5: #BBDEFB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-petal-cascade": {
        1: "#F8BBD0",
        2: "#E1BEE7",
        3: "#D1C4E9",
        4: "#C5CAE9",
        5: "#BBDEFB",
      }
    }
  }
}

Related searches

pastel floral color schemesoft petal palettedreamy feminine UIromantic pastel brand colorsdelicate purple pink blue

Palette colors

Hex values

Color 1#F8BBD0
·
Color 2#E1BEE7
·
Color 3#D1C4E9
·
Color 4#C5CAE9
·
Color 5#BBDEFB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1:1Fail
1:1Fail
1.1:1Fail
2
1:1Fail
1:1Fail
1:1Fail
1.2:1Fail
3
1:1Fail
1:1Fail
1:1Fail
1.2:1Fail
4
1:1Fail
1:1Fail
1:1Fail
1.2:1Fail
5
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Pastel Petal Cascade

View all pastel