Back to palettes

Palette

Ethereal Orchid Bloom

Soft and enchanting purples, reminiscent of a delicate orchid in full bloom.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC99FF#E0B3FF#F2CCFF#A37AC2#7A5C99

Palette guide

How to use Ethereal Orchid Bloom

Overview

The 'Ethereal Orchid Bloom' palette offers a soft and enchanting collection of purples, reminiscent of a delicate orchid in full bloom. It features a medium lavender #CC99FF, a lighter orchid #E0B3FF, a very light purple #F2CCFF, a deeper purple #A37AC2, and a rich plum #7A5C99. This palette is perfect for designers and developers aiming to create elegant, delicate, and sophisticated visuals. Its harmonious blend of purples, from airy lightness to rich depth, makes it versatile for projects requiring a touch of floral charm, luxury, or artistic grace, ensuring a refined and inviting aesthetic.

Best used for

  • Floral design and event branding
  • Luxury beauty product packaging
  • Wedding invitations and stationery
  • Elegant fashion brand websites
  • Sophisticated art portfolios
  • Feminine lifestyle blogs

Suggested color roles

primary

Use #A37AC2 (a deeper purple) as a foundational color for headers or significant sections, establishing an elegant and stable presence.

secondary

Employ #CC99FF (a medium lavender) for supporting content, subheadings, or secondary calls to action, adding a soft, inviting quality.

accent

Apply #E0B3FF (a lighter orchid) for delicate highlights, subtle borders, or hover states that require a gentle, ethereal touch.

background

Utilize #F2CCFF (a very light purple) as the primary background color, ensuring an airy, clean canvas that enhances the palette's delicacy.

text

For optimal readability on light backgrounds, use #7A5C99 for body text. Black or dark charcoal can be used for maximum contrast.

Accessibility notes

  • The very light colors, #F2CCFF and #E0B3FF, have minimal contrast; avoid using them for adjacent critical text or interactive elements.
  • Ensure text on #CC99FF provides sufficient contrast, typically requiring a darker color like #7A5C99 or black for readability.
  • Always check WCAG contrast ratios for text and interactive elements, especially on medium shades like #A37AC2.
  • Avoid using light text colors on the darker purples to prevent legibility issues; opt for dark text on lighter backgrounds.

Recommended combinations

Orchid Base

Forms a clean, elegant UI base, suitable for website layouts and informational displays, offering clarity with a soft, floral feel.

#F2CCFF · #E0B3FF · #A37AC2

Deep Bloom

Excellent for illustrations, elegant headers, or sections requiring more depth and a richer, sophisticated atmosphere.

#7A5C99 · #A37AC2 · #CC99FF

Delicate Glow

Ideal for subtle branding, layered elements, or visual storytelling that evokes the gentle glow of orchid petals.

#F2CCFF · #CC99FF · #E0B3FF

CSS variables

:root {
  --ethereal-orchid-bloom-1: #CC99FF;
  --ethereal-orchid-bloom-2: #E0B3FF;
  --ethereal-orchid-bloom-3: #F2CCFF;
  --ethereal-orchid-bloom-4: #A37AC2;
  --ethereal-orchid-bloom-5: #7A5C99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-orchid-bloom": {
        1: "#CC99FF",
        2: "#E0B3FF",
        3: "#F2CCFF",
        4: "#A37AC2",
        5: "#7A5C99",
      }
    }
  }
}

Related searches

orchid purple palettedelicate floral colorselegant lavender schemesoft purple brandingenchanting UI design

Palette colors

Hex values

Color 1#CC99FF
·
Color 2#E0B3FF
·
Color 3#F2CCFF
·
Color 4#A37AC2
·
Color 5#7A5C99
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.6:1Fail
2.5:1Fail
2
1.3:1Fail
1.2:1Fail
2:1Fail
3.2:1AA18
3
1.6:1Fail
1.2:1Fail
2.4:1Fail
3.9:1AA18
4
1.6:1Fail
2:1Fail
2.4:1Fail
1.6:1Fail
5
2.5:1Fail
3.2:1AA18
3.9:1AA18
1.6:1Fail

Similar palettes

More like Ethereal Orchid Bloom

View all pastel