Back to palettes

Palette

Petal Soft Reverie

A gentle and airy palette, capturing the ephemeral beauty of delicate petals in a soft light, like a wistful dream.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D8BFD8#FFC0CB#F8F8F8#C5D6C5#DCDCDC

Palette guide

How to use Petal Soft Reverie

Overview

The Petal Soft Reverie palette is a gentle and airy collection, capturing the ephemeral beauty of delicate petals in soft light, like a wistful dream. It features a harmonious blend of muted lavender #D8BFD8, soft pink #FFC0CB, and near-white #F8F8F8, complemented by the subtle green of #C5D6C5 and a gentle gray #DCDCDC. This palette is perfectly suited for designs that aim for tranquility, understated elegance, and a touch of natural grace. Ideal for art, wellness, or any project seeking a soft, comforting, and visually light aesthetic. Developers will appreciate its versatility for creating clean, calming interfaces with a subtle, organic feel.

Best used for

  • Art and photography portfolios
  • Wellness and mindfulness app interfaces
  • Delicate fashion or jewelry branding
  • Spring-themed events and invitations
  • Minimalist home decor websites
  • Personal blogs with a gentle aesthetic

Suggested color roles

primary

#D8BFD8 - A soft, muted lavender, ideal for main branding elements, headers, and subtle design features, conveying calm elegance.

secondary

#FFC0CB - A gentle, classic pink, suitable for secondary call-to-actions, interactive elements, or feminine accents.

accent

#C5D6C5 - A very light, muted green that provides a subtle, natural accent, perfect for small icons or decorative details.

background

#F8F8F8 - A clean, almost pure white that serves as an expansive and neutral background, allowing other colors to softly emerge.

text

A deep charcoal or dark gray - Essential for body text to ensure readability against the light palette colors, maintaining the soft, airy mood.

Accessibility notes

  • All palette colors are very light; text must be a significantly darker shade (e.g., #333333 or #555555) for readability.
  • Avoid using any palette color for text on another palette color, as contrast will be insufficient for accessibility standards.
  • Use #F8F8F8 or #DCDCDC as backgrounds and pair with dark, contrasting text for optimal WCAG AA compliance.
  • For decorative or large visual elements, these colors are suitable, but functional text requires strong contrast.

Recommended combinations

Dreamy Pastels

Creates a soft, ethereal background with gentle pops of color, perfect for delicate themes.

#F8F8F8 · #D8BFD8 · #FFC0CB

Garden Whisper

Ideal for a natural and calming aesthetic, combining subtle greens and grays with a touch of lavender.

#DCDCDC · #C5D6C5 · #D8BFD8

Gentle Contrast

Offers a clean background with soft, inviting pink and lavender for highlights or interactive elements.

#F8F8F8 · #FFC0CB · #D8BFD8

CSS variables

:root {
  --petal-soft-reverie-1: #D8BFD8;
  --petal-soft-reverie-2: #FFC0CB;
  --petal-soft-reverie-3: #F8F8F8;
  --petal-soft-reverie-4: #C5D6C5;
  --petal-soft-reverie-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petal-soft-reverie": {
        1: "#D8BFD8",
        2: "#FFC0CB",
        3: "#F8F8F8",
        4: "#C5D6C5",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

pastel floral color palettesoft delicate spring colorscalm dreamlike design palettemuted pink green aestheticairy elegant color scheme

Palette colors

Hex values

Color 1#D8BFD8
·
Color 2#FFC0CB
·
Color 3#F8F8F8
·
Color 4#C5D6C5
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

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

Similar palettes

More like Petal Soft Reverie

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