Palette

Whispering Orchid Petals

Delicate, ethereal purples mimicking the tender, whispering petals of a blooming orchid.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6D4E6#D9C1D9#BBA0BB#9D7F9D#8C6E8C

Palette guide

How to use Whispering Orchid Petals

Overview

The "Whispering Orchid Petals" palette offers a serene and romantic collection of soft, muted purples, evoking the delicate beauty of orchid blossoms. Ranging from the airy #E6D4E6 to the deeper #8C6E8C, it includes harmonious mid-tones like #D9C1D9, #BBA0BB, and #9D7F9D. This palette is perfect for designers seeking a gentle, ethereal, and sophisticated aesthetic. Its cohesive gradient allows for creating depth and visual interest without overwhelming, making it ideal for projects that require a calming, elegant, and subtly feminine touch across various design applications.

Best used for

Wedding and event planning websites
Feminine beauty or lifestyle blogs
Spa and wellness brand identities
Delicate jewelry or fashion e-commerce
Romantic novel covers or editorial design
Personal branding with a soft touch

Suggested color roles

primary

#BBA0BB - A balanced, muted purple that serves as a gentle anchor, suitable for main headings, important content blocks, or brand elements.

secondary

#D9C1D9 - A lighter, softer tone that gracefully complements the primary, ideal for subheadings, background accents, or secondary navigation.

accent

#E6D4E6 - A very light, almost white lavender that provides a delicate highlight, perfect for subtle interactive states or ethereal graphic details.

background

#E6D4E6 - The lightest shade, offering a clean, airy, and soft canvas, enhancing readability for darker text while maintaining the palette's gentle mood.

text

#8C6E8C - A deep, grounded purple that ensures excellent contrast against lighter backgrounds, ideal for body text and headings, maintaining sophistication.

Accessibility notes

Ensure #8C6E8C text on #E6D4E6 background meets WCAG AA contrast for good readability of body text.
Avoid using #D9C1D9 or #BBA0BB for small text on the #E6D4E6 background as contrast might be insufficient.
For interactive elements, provide clear visual indicators beyond just color, especially when using similar light tones.
Consider using a slightly darker neutral like #444444 for critical UI text if #8C6E8C doesn't provide enough contrast against mid-tone backgrounds.

Recommended combinations

Soft Depth

Creates a gentle visual hierarchy, excellent for main content areas and headings.

#8C6E8C · #BBA0BB · #E6D4E6

Ethereal Blend

Ideal for soft backgrounds, decorative elements, or subtle visual transitions.

#D9C1D9 · #E6D4E6 · #9D7F9D

Romantic Focus

A harmonious trio for emphasizing key information or creating an elegant focal point.

#BBA0BB · #E6D4E6 · #8C6E8C

CSS variables

:root {
  --whispering-orchid-petals-1: #E6D4E6;
  --whispering-orchid-petals-2: #D9C1D9;
  --whispering-orchid-petals-3: #BBA0BB;
  --whispering-orchid-petals-4: #9D7F9D;
  --whispering-orchid-petals-5: #8C6E8C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-orchid-petals": {
        1: "#E6D4E6",
        2: "#D9C1D9",
        3: "#BBA0BB",
        4: "#9D7F9D",
        5: "#8C6E8C",
      }
    }
  }
}

Hex values

Color 1#E6D4E6

Color 2#D9C1D9

Color 3#BBA0BB

Color 4#9D7F9D

Color 5#8C6E8C

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

2.5:1Fail

3.2:1AA18

1.2:1Fail

1.4:1Fail

2.1:1Fail

2.7:1Fail

1.7:1Fail

1.4:1Fail

1.5:1Fail

1.9:1Fail

2.5:1Fail

2.1:1Fail

1.5:1Fail

1.3:1Fail

3.2:1AA18

2.7:1Fail

1.9:1Fail

1.3:1Fail

Similar palettes

More like Whispering Orchid Petals