Back to palettes

Palette

Whispering Orchid Petal

Whispers of soft lavenders and pinks, as delicate and ephemeral as an orchid's petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Orchid Petal 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 Whispering Orchid Petal.

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

Data visualization

#f8e9f2#e3d1e0#ccb8cd#b5a0bb#a088aa

Palette guide

How to use Whispering Orchid Petal

Overview

The "Whispering Orchid Petal" palette evokes a sense of calm and delicate beauty through its range of soft purples and muted pinks. Starting with the airy #f8e9f2, it gently deepens through #e3d1e0 and #ccb8cd, reaching warmer, more grounded tones like #b5a0bb and #a088aa. This collection is perfect for designers aiming for an ethereal, gentle, and subtly romantic aesthetic. It provides a cohesive gradient that feels organic and inviting, making it suitable for applications where a light, sophisticated touch is paramount, from branding to digital interfaces.

Best used for

  • Feminine product packaging
  • Baby shower invitations or nursery decor
  • Wellness and meditation app interfaces
  • Soft fashion or jewelry brand identity
  • Delicate art or photography portfolios
  • Blogs focused on self-care or mindfulness

Suggested color roles

primary

#b5a0bb - A muted, warm purple that provides a gentle anchor, suitable for main sections or prominent graphic elements without being overpowering.

secondary

#ccb8cd - A slightly lighter, more ethereal tone that complements the primary, ideal for supporting information, secondary buttons, or subtle patterns.

accent

#e3d1e0 - A very light, almost blush purple that can be used for delicate highlights, interactive states, or to add a touch of airy brightness.

background

#f8e9f2 - An extremely light, near-white base that offers a clean, soft, and unobtrusive canvas, enhancing readability for darker text.

text

#a088aa - A deeper, more grounded purple, offering good contrast against the lighter backgrounds, perfect for body text and headings to maintain a soft feel.

Accessibility notes

  • Text in #a088aa on #f8e9f2 background should meet WCAG AA contrast for standard body text.
  • Avoid using #ccb8cd or #e3d1e0 for small text on light backgrounds due to potential readability issues.
  • Consider using a dark charcoal or black for critical UI elements if the palette's darker shades don't provide sufficient contrast.
  • Ensure interactive elements like buttons use sufficient contrast for their text and states, e.g., #a088aa text on a #e3d1e0 button.

Recommended combinations

Soft Gradient

Creates a gentle visual flow, excellent for banners or section dividers.

#A088AA · #CCB8CD · #F8E9F2

Muted Harmony

Ideal for a serene and understated design, perfect for backgrounds and subtle text.

#B5A0BB · #E3D1E0 · #F8E9F2

Petal Contrast

Provides a delicate contrast for emphasizing key information within a soft design context.

#A088AA · #E3D1E0 · #CCB8CD

CSS variables

:root {
  --whispering-orchid-petal-2-1: #f8e9f2;
  --whispering-orchid-petal-2-2: #e3d1e0;
  --whispering-orchid-petal-2-3: #ccb8cd;
  --whispering-orchid-petal-2-4: #b5a0bb;
  --whispering-orchid-petal-2-5: #a088aa;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-orchid-petal-2": {
        1: "#f8e9f2",
        2: "#e3d1e0",
        3: "#ccb8cd",
        4: "#b5a0bb",
        5: "#a088aa",
      }
    }
  }
}

Related searches

soft purple aesthetic palettecalm orchid color schemedelicate pastel UI colorsromantic lavender brand colorsethereal pink purple web design

Palette colors

Hex values

Color 1#f8e9f2
·
Color 2#e3d1e0
·
Color 3#ccb8cd
·
Color 4#b5a0bb
·
Color 5#a088aa
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.1:1Fail
2.7:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.7:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Whispering Orchid Petal

View all pastel
Amethyst Haze Dream
Aura Amethyst Dream
Celestial Nebula Whisper
Cosmic Dream Dust
Cosmic Dust Shimmer
Dreamy Lavender Field