Back to palettes

Palette

Twilight Orchid Bloom

Deep and mysterious purples and magentas, like an exquisite orchid blooming under the faint light of twilight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800080#9400D3#BA55D3#C71585#DA70D6

Palette guide

How to use Twilight Orchid Bloom

Overview

The "Twilight Orchid Bloom" palette (original) offers a vibrant and luxurious spectrum of deep purples and fuchsia, capturing the dramatic beauty of an exotic orchid under twilight. Featuring the rich royal purple of #800080 and the intense dark violet of #9400D3, it transitions to the striking medium orchid of #BA55D3. The bold #C71585 adds a touch of magenta, while #DA70D6 provides a lighter, yet still vibrant, plum. This palette is perfect for designs aiming for opulence, elegance, and a touch of mystery, making it ideal for high-end fashion, artistic projects, or statement branding that demands attention.

Best used for

  • Luxury fashion brands
  • Art gallery websites
  • Event planning for galas
  • Dramatic theatrical designs
  • High-end beauty products
  • Creative portfolio presentations

Suggested color roles

primary

#800080 or #9400D3 for dominant backgrounds or large visual elements, setting a luxurious and deep tone.

secondary

#BA55D3 or #C71585 for headers, important sections, or graphic elements, adding vibrant contrast.

accent

#DA70D6 can be used for interactive elements, highlights, or subtle decorative details, providing a softer glow.

background

#800080 for a truly opulent dark theme; #DA70D6 for a lighter, more ethereal base.

text

Bright white or a very light grey for text on #800080 or #9400D3; dark charcoal or black on #DA70D6.

Accessibility notes

  • Ensure high contrast for text, especially bright white on #800080 and #9400D3.
  • Be cautious when using #BA55D3 and #DA70D6 together for text/background due to potential low contrast.
  • #C71585 offers good visibility on lighter shades but may need careful pairing on darker ones.
  • Consider larger font sizes for maximum legibility when using mid-tone colors like #BA55D3 for body text.

Recommended combinations

Royal Bloom

Creates a regal and elegant visual theme, perfect for luxury branding.

#800080 · #BA55D3 · #DA70D6

Vibrant Orchid

Ideal for energetic and dramatic accents in digital art or fashion.

#9400D3 · #C71585 · #DA70D6

Deep Mystery

Excellent for creating impactful, moody backgrounds with striking foreground elements.

#800080 · #9400D3 · #C71585

CSS variables

:root {
  --twilight-orchid-bloom-1: #800080;
  --twilight-orchid-bloom-2: #9400D3;
  --twilight-orchid-bloom-3: #BA55D3;
  --twilight-orchid-bloom-4: #C71585;
  --twilight-orchid-bloom-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-orchid-bloom": {
        1: "#800080",
        2: "#9400D3",
        3: "#BA55D3",
        4: "#C71585",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

luxury purple palettedark floral colorselegant magenta schememoody purple designexotic orchid palette

Palette colors

Hex values

Color 1#800080
·
Color 2#9400D3
·
Color 3#BA55D3
·
Color 4#C71585
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
1.7:1Fail
3.3:1AA18
2
1.4:1Fail
1.7:1Fail
1.2:1Fail
2.3:1Fail
3
2.4:1Fail
1.7:1Fail
1.4:1Fail
1.4:1Fail
4
1.7:1Fail
1.2:1Fail
1.4:1Fail
1.9:1Fail
5
3.3:1AA18
2.3:1Fail
1.4:1Fail
1.9:1Fail

Similar palettes

More like Twilight Orchid Bloom

View all dark
Twilight Bloom Garden
Dusky Vineyard Row
Gothic Rose Window
Midnight Bloom Garden
Midnight Bloom Velvet
Midnight Cherry Blossom