Palette

Orchid Bloom Serene

A gentle collection of purples and pinks, capturing the delicate and sophisticated beauty of orchid petals.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchid Bloom Serene 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 Orchid Bloom Serene.

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

Data visualization

#A23E48#E0BBE4#957DAD#D292AE#C991AF

Palette guide

How to use Orchid Bloom Serene

Overview

The Orchid Bloom Serene palette is a gentle collection of purples and pinks, capturing the delicate and sophisticated beauty of orchid petals. This refined palette includes a deep rose #A23E48, a soft lavender blush #E0BBE4, a muted purple #957DAD, a dusty rose #D292AE, and a graceful soft mauve #C991AF. It's an excellent choice for designers and developers aiming to convey elegance, softness, and a subtle charm. The harmonious blend of hues creates a serene yet sophisticated atmosphere, perfect for projects that require a touch of delicate luxury.

Best used for

Feminine branding and identity
Wedding invitations and stationery
Beauty and lifestyle blogs
Interior design mood boards
Elegant packaging concepts
Refined digital art and illustrations

Suggested color roles

primary

#957DAD for its sophisticated calm, serving as a versatile main theme color.

secondary

#D292AE to add gentle warmth and an inviting accent, ideal for supporting elements.

accent

#A23E48 provides rich depth and a subtle focal point, perfect for impactful details.

background

#E0BBE4 offers an airy, delicate base, enhancing the overall soft aesthetic.

text

Use dark grey or #A23E48 for text on light backgrounds. White is recommended for text on #A23E48.

Accessibility notes

Colors like #E0BBE4 and #D292AE require dark text (e.g., black or #A23E48) for optimal readability.
Avoid using lighter palette colors such as #E0BBE4 for small or critical text elements.
Ensure sufficient contrast when combining #D292AE or #C991AF with other light hues to maintain legibility.
Test text on background combinations for WCAG AA compliance, especially with #957DAD.

Recommended combinations

Petal Softness

Ideal for feminine designs, delicate backgrounds, or soft UI elements.

#E0BBE4 · #D292AE · #C991AF

Elegant Contrast

Creates impactful headlines, sophisticated branding, and focal points.

#A23E48 · #957DAD · #E0BBE4

Muted Grace

Suitable for subtle gradients, decorative elements, or harmonious visual transitions.

#957DAD · #C991AF · #D292AE

CSS variables

:root {
  --orchid-bloom-serene-1: #A23E48;
  --orchid-bloom-serene-2: #E0BBE4;
  --orchid-bloom-serene-3: #957DAD;
  --orchid-bloom-serene-4: #D292AE;
  --orchid-bloom-serene-5: #C991AF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchid-bloom-serene": {
        1: "#A23E48",
        2: "#E0BBE4",
        3: "#957DAD",
        4: "#D292AE",
        5: "#C991AF",
      }
    }
  }
}

Hex values

Color 1#A23E48

Color 2#E0BBE4

Color 3#957DAD

Color 4#D292AE

Color 5#C991AF

Accessibility

Contrast checker

3.7:1AA18

1.8:1Fail

2.5:1Fail

3.7:1AA18

2.1:1Fail

1.5:1Fail

1.8:1Fail

2.1:1Fail

1.5:1Fail

1.4:1Fail

2.5:1Fail

1.5:1Fail

1:1Fail

2.5:1Fail

1.5:1Fail

1.4:1Fail

1:1Fail

Similar palettes

More like Orchid Bloom Serene

Orchid Bloom Serene

See it in context.

Ready when you are.

Built with Orchid Bloom Serene.

How to use Orchid Bloom Serene

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Petal Softness

Elegant Contrast

Muted Grace

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Orchid Bloom Serene