Back to palettes

Palette

Blushing Petal Softness

A gentle embrace of soft, ethereal tones, like fresh blossoms dancing in a warm spring breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blushing Petal Softness 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 Blushing Petal Softness.

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

Data visualization

#F7CAC9#F7E6C3#D4E2CD#A7D9D3#FDFDDC

Palette guide

How to use Blushing Petal Softness

Overview

The Blushing Petal Softness palette is a gentle embrace of soft, ethereal tones, reminiscent of fresh blossoms dancing in a warm spring breeze. It features the delicate pink of #F7CAC9, a creamy #F7E6C3, and the soothing green-grey of #D4E2CD. Complementing these are the serene #A7D9D3, a soft aqua, and the nearly imperceptible yellow of #FDFDDC, a very light cream. This unique blend creates a harmonious, calm, and subtly cheerful aesthetic, perfect for designs that evoke natural beauty, tranquility, and a refreshing elegance. It's ideal for wellness, eco-friendly brands, or feminine lifestyle content.

Best used for

  • Eco-friendly brand identity
  • Wellness and meditation apps
  • Spring-themed events
  • Natural beauty products
  • Children's apparel design
  • Gentle lifestyle blogs

Suggested color roles

primary

Use #D4E2CD or #A7D9D3 as a calming primary for backgrounds or main sections, providing a fresh and serene foundation.

secondary

Employ #F7CAC9 for subtle accents, soft call-to-action buttons, or delicate graphic elements to add a touch of warmth.

accent

Apply #F7E6C3 for highlights, very light illustrations, or as a secondary background to add warmth and softness.

background

Utilize #FDFDDC as the main background color to provide an exceptionally clean and airy canvas, enhancing the overall lightness.

text

For clear text on these light backgrounds, a soft charcoal or a deep muted green/blue (e.g., a dark version of #A7D9D3) is recommended for readability.

Accessibility notes

  • Achieving sufficient contrast for text with this palette's light tones is crucial; always test pairings like #F7CAC9 on #FDFDDC.
  • Consider using a dark neutral color (e.g., #4a4a4a) for body text over #FDFDDC or #F7E6C3 to meet WCAG AA standards.
  • For interactive elements, ensure a contrast ratio of at least 3:1 against surrounding colors, perhaps by bolding text or adding an icon.
  • Avoid relying solely on color to convey critical information without additional cues, as visual distinction can be difficult for some users.

Recommended combinations

Spring Breeze

Ideal for refreshing branding, clean UI layouts, or subtle background patterns in wellness applications.

#A7D9D3 · #FDFDDC · #D4E2CD

Soft Bloom

Perfect for delicate illustrations, feminine product highlights, or gentle call-to-action buttons on a creamy background.

#F7CAC9 · #F7E6C3 · #FDFDDC

Ethereal Layers

Excellent for creating layered content blocks, subtle section dividers, or soft card elements in a serene interface.

#D4E2CD · #F7CAC9 · #A7D9D3

CSS variables

:root {
  --blushing-petal-softness-1: #F7CAC9;
  --blushing-petal-softness-2: #F7E6C3;
  --blushing-petal-softness-3: #D4E2CD;
  --blushing-petal-softness-4: #A7D9D3;
  --blushing-petal-softness-5: #FDFDDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blushing-petal-softness": {
        1: "#F7CAC9",
        2: "#F7E6C3",
        3: "#D4E2CD",
        4: "#A7D9D3",
        5: "#FDFDDC",
      }
    }
  }
}

Related searches

blushing pastel palettesoft spring colorsethereal light tonespetal softness aestheticcalm natural hues

Palette colors

Hex values

Color 1#F7CAC9
·
Color 2#F7E6C3
·
Color 3#D4E2CD
·
Color 4#A7D9D3
·
Color 5#FDFDDC
·

Accessibility

Contrast checker

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

Similar palettes

More like Blushing Petal Softness

View all pastel
Gentle Blossom Whisper
Petal Soft Reverie
Soft Petal Blush
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush