Palette

Wild Orchid Bloom

Exotic and vivid purples capturing the delicate yet striking beauty of a blooming wild orchid.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9932CC#BA55D3#DA70D6#EE82EE#8A2BE2

Palette guide

How to use Wild Orchid Bloom

Overview

The Wild Orchid Bloom palette (version 2) showcases exotic and vivid purples, capturing the delicate yet striking beauty of a blooming wild orchid. This captivating collection includes a deep #9932CC, a bright #BA55D3, a soft #DA70D6, the ethereal #EE82EE, and a rich #8A2BE2. It's a superb choice for designers seeking to evoke luxury, creativity, or a touch of mystique. For developers, these vibrant hues can transform interfaces into visually engaging experiences, perfect for applications where elegance and a unique aesthetic are paramount, offering a spectrum from regal depth to playful lightness.

Best used for

Luxury brand identity and packaging
Fashion and beauty product marketing
Creative portfolio websites
Event branding (galas, art exhibitions)
Digital art and illustration
High-end tech product interfaces

Suggested color roles

primary

Designate #9932CC as the primary color for a sophisticated and luxurious foundation in branding and key elements.

secondary

Use #BA55D3 for secondary elements, subheadings, or interactive components to add vibrancy and approachability.

accent

Apply #8A2BE2 for powerful accents, call-to-action buttons, or to introduce a deep, regal contrast.

background

Utilize #EE82EE as a light, ethereal background to allow the deeper purples to truly pop and create a sense of spaciousness.

text

For body text, a dark charcoal or black is recommended. For headings or important text on light backgrounds, #9932CC or #8A2BE2 work beautifully.

Accessibility notes

Ensure good contrast for text when using #DA70D6 or #EE82EE as backgrounds, always pairing with dark text.
The darker shades #9932CC and #8A2BE2 provide excellent contrast for text on light backgrounds.
Avoid using #EE82EE for small text sizes as it may not meet WCAG contrast requirements.
Test interactive elements to ensure they are discernible and accessible against their backgrounds.

Recommended combinations

Regal Contrast

Creates a luxurious header with a dark, regal title on a light background with a strong purple highlight.

#8A2BE2 · #EE82EE · #9932CC

Vibrant Accents

Ideal for creating depth and visual interest in illustrations or decorative UI elements.

#BA55D3 · #DA70D6 · #EE82EE

Elegant UI

A balanced combination for clean interfaces, with #EE82EE as background and #9932CC for primary actions.

#EE82EE · #9932CC · #BA55D3

CSS variables

:root {
  --wild-orchid-bloom-2-1: #9932CC;
  --wild-orchid-bloom-2-2: #BA55D3;
  --wild-orchid-bloom-2-3: #DA70D6;
  --wild-orchid-bloom-2-4: #EE82EE;
  --wild-orchid-bloom-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-orchid-bloom-2": {
        1: "#9932CC",
        2: "#BA55D3",
        3: "#DA70D6",
        4: "#EE82EE",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#9932CC

Color 2#BA55D3

Color 3#DA70D6

Color 4#EE82EE

Color 5#8A2BE2

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

2.5:1Fail

1:1Fail

1.4:1Fail

1.7:1Fail

1.5:1Fail

2:1Fail

1.4:1Fail

1.2:1Fail

2.1:1Fail

2.5:1Fail

1.7:1Fail

1.2:1Fail

2.6:1Fail

1:1Fail

1.5:1Fail

2.1:1Fail

2.6:1Fail

Similar palettes

More like Wild Orchid Bloom

Wild Orchid Bloom

See it in context.

Ready when you are.

Built with Wild Orchid Bloom.

How to use Wild Orchid Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Regal Contrast

Vibrant Accents

Elegant UI

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Wild Orchid Bloom