Back to palettes

Palette

Whispering Orchid Petal

A tender palette reminiscent of delicate orchid petals, soft and muted like a whispered secret.

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

#D5B7B1#E3D1CC#F1EBE9#B99C96#C7A8A3

Palette guide

How to use Whispering Orchid Petal

Overview

The "Whispering Orchid Petal" palette presents a warm and inviting collection of blush pinks and soft beiges, reminiscent of delicate floral tones. Centered around the very light #F1EBE9, it gracefully deepens through #E3D1CC and #D5B7B1, offering comforting mid-tones like #C7A8A3 and the slightly richer #B99C96. This palette is perfect for designers seeking a gentle, sophisticated, and earthy aesthetic that feels both modern and timeless. It provides a cohesive range for creating designs that exude warmth, comfort, and understated elegance across various applications.

Best used for

  • Home decor or interior design websites
  • Skincare and beauty product branding
  • Wedding stationery and event decor
  • Cozy lifestyle blogs and social media
  • Coffee shop or bakery branding
  • Maternity or baby product design

Suggested color roles

primary

#D5B7B1 - A warm, muted pink-beige that serves as a gentle anchor, suitable for main content areas or larger design elements.

secondary

#E3D1CC - A lighter, softer tone that complements the primary, ideal for subheadings, background textures, or secondary information.

accent

#C7A8A3 - A slightly deeper, rosy beige that can add a touch of warmth and emphasis without being too bold, perfect for interactive elements or subtle highlights.

background

#F1EBE9 - A very light, almost off-white beige that provides an airy, clean, and warm foundation, ensuring excellent readability for darker text.

text

#B99C96 - A deeper, more saturated blush tone, offering good contrast against the lighter backgrounds for body text and headings, maintaining the palette's inherent warmth.

Accessibility notes

  • Use #B99C96 text on #F1EBE9 background to meet WCAG AA contrast for readability, particularly for body copy.
  • Avoid placing light text like #E3D1CC on #D5B7B1 as contrast will be insufficient.
  • Ensure interactive elements like buttons or links have clear visual cues beyond color, especially if using similar tones.
  • For critical information, consider a slightly darker neutral like #555555 if #B99C96 doesn't provide enough contrast on some lighter elements.

Recommended combinations

Warm Blush

Creates a comforting and elegant look, ideal for branding and main content areas.

#B99C96 · #D5B7B1 · #F1EBE9

Soft Earth

Perfect for a gentle, natural aesthetic, suitable for backgrounds and subtle details.

#C7A8A3 · #E3D1CC · #F1EBE9

Petal Depth

Offers a nuanced blend for visual hierarchy, great for headers and supporting text.

#B99C96 · #E3D1CC · #D5B7B1

CSS variables

:root {
  --whispering-orchid-petal-3-1: #D5B7B1;
  --whispering-orchid-petal-3-2: #E3D1CC;
  --whispering-orchid-petal-3-3: #F1EBE9;
  --whispering-orchid-petal-3-4: #B99C96;
  --whispering-orchid-petal-3-5: #C7A8A3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-orchid-petal-3": {
        1: "#D5B7B1",
        2: "#E3D1CC",
        3: "#F1EBE9",
        4: "#B99C96",
        5: "#C7A8A3",
      }
    }
  }
}

Related searches

blush pink beige palettewarm neutral color schemedelicate floral brand colorscalm earthy web designsoft romantic UI palette

Palette colors

Hex values

Color 1#D5B7B1
·
Color 2#E3D1CC
·
Color 3#F1EBE9
·
Color 4#B99C96
·
Color 5#C7A8A3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail
2
1.3:1Fail
1.2:1Fail
1.7:1Fail
1.5:1Fail
3
1.6:1Fail
1.2:1Fail
2.2:1Fail
1.9:1Fail
4
1.4:1Fail
1.7:1Fail
2.2:1Fail
1.2:1Fail
5
1.2:1Fail
1.5:1Fail
1.9:1Fail
1.2:1Fail

Similar palettes

More like Whispering Orchid Petal

View all pastel
Morning Petal Blush
Rose Petal Dawn
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Cloud