Back to palettes

Palette

Soft Petal Blush

Soft and delicate pinks that capture the gentle beauty and ephemeral texture of a freshly fallen rose petal.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Petal Blush 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 Soft Petal Blush.

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

Data visualization

#FDDADD#FCE4E9#FAEFF1#F8CACA#F6B3BF

Palette guide

How to use Soft Petal Blush

Overview

The Soft Petal Blush palette offers a collection of delicate and inviting pinks, capturing the gentle beauty of freshly fallen rose petals. With hues ranging from the soft `#FAEFF1` to the slightly more vibrant `#F6B3BF`, this palette creates a tender and romantic atmosphere. Designers and developers can utilize these soft, muted tones to evoke feelings of calm and elegance in branding, web interfaces, or print materials. The subtle variations between `#FDDADD` and `#FCE4E9` allow for depth without overwhelming intensity, making it versatile for feminine and sophisticated designs.

Best used for

  • Feminine brand identity
  • Beauty and skincare packaging
  • Wedding invitations and decor
  • Baby nursery designs
  • Lifestyle and fashion blogs
  • Romantic illustration and art

Suggested color roles

primary

Utilize `#F6B3BF` as the main focal pink, drawing attention while maintaining softness.

secondary

Employ `#F8CACA` for supporting elements, subheadings, or background sections that need a gentle color presence.

accent

Apply `#FDDADD` for highlights, decorative details, or interactive elements that require a distinct, yet harmonious, blush pop.

background

Use `#FAEFF1` as a clean, soft, and unobtrusive base for web pages or printed materials.

text

Pair with a dark gray or charcoal for optimal legibility, as these pinks are quite light.

Accessibility notes

  • Always use a dark text color (e.g., black or dark gray) against any of these light pink backgrounds to ensure readability.
  • Avoid using any of the palette colors for small text as they will not meet contrast requirements.
  • For UI elements, ensure sufficient contrast between interactive components and their background.
  • When creating gradients or overlays, be mindful that the subtle differences between colors like `#FDDADD` and `#FCE4E9` might not be perceivable to all users.

Recommended combinations

Gentle Gradient

Creates a smooth, harmonious transition ideal for headers, banners, or background patterns.

#F6B3BF · #F8CACA · #FDDADD

Soft Contrast

Provides a light, airy background with a delicate but distinct accent, suitable for content blocks.

#FAEFF1 · #F6B3BF · #FCE4E9

Rose Whisper

Perfect for a cohesive and inviting feminine aesthetic across various design elements.

#FDDADD · #F8CACA · #FAEFF1

CSS variables

:root {
  --soft-petal-blush-1: #FDDADD;
  --soft-petal-blush-2: #FCE4E9;
  --soft-petal-blush-3: #FAEFF1;
  --soft-petal-blush-4: #F8CACA;
  --soft-petal-blush-5: #F6B3BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-petal-blush": {
        1: "#FDDADD",
        2: "#FCE4E9",
        3: "#FAEFF1",
        4: "#F8CACA",
        5: "#F6B3BF",
      }
    }
  }
}

Related searches

delicate pink paletterose petal colorsromantic blush tonesfeminine pastel designsoft wedding colors

Palette colors

Hex values

Color 1#FDDADD
·
Color 2#FCE4E9
·
Color 3#FAEFF1
·
Color 4#F8CACA
·
Color 5#F6B3BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
3
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
4
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
5
1.3:1Fail
1.4:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Soft Petal Blush

View all pastel
Whisper Rose Garden
Pastel Petal Cascade
Powder Pink Bloom
Soft Petal Blush
Blushing Rose Dew
Cherry Bloom Serenity