Palette

Dusky Orchid Bloom

Deep and enchanting purples unfurl like petals at twilight, revealing a spectrum of opulent beauty.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#800080#A020F0#DDA0DD#E6E6FA

Palette guide

How to use Dusky Orchid Bloom

Overview

The Dusky Orchid Bloom palette presents a captivating spectrum of deep and enchanting purples, reminiscent of opulent petals unfurling at twilight. From the profound #4B0082 to the vibrant #A020F0 and the delicate #E6E6FA, this palette exudes elegance and sophistication. It's perfectly suited for projects requiring a sense of luxury, creativity, or dramatic flair. Designers can harness these rich tones to craft striking brand identities, immersive digital experiences, or visually stunning print materials that truly stand out.

Best used for

Luxury brand identity
Elegant event invitations
High-end fashion design
Creative portfolio websites
Sophisticated web themes
Theatrical or artistic backdrops

Suggested color roles

primary

#800080 offers a rich, balanced purple, ideal for primary branding elements or significant content blocks.

secondary

#4B0082 is the deepest shade, providing strong contrast for headers, borders, or grounding elements.

accent

#A020F0, a vibrant jewel-toned purple, is excellent for calls-to-action, interactive elements, or striking highlights.

background

#E6E6FA provides a light, airy base that allows the deeper purples to truly pop.

text

For readability on light backgrounds, use #4B0082 or #800080. For text on dark backgrounds, a light cream or white is essential.

Accessibility notes

Ensure high contrast when pairing deep purples like #4B0082 with lighter shades for text and important UI elements.
The lighter shades, #DDA0DD and #E6E6FA, may have insufficient contrast for small text; use darker purples for text on these backgrounds.
The vibrant #A020F0 should be used sparingly as an accent to avoid visual fatigue, especially in large areas.
For body text on very light backgrounds, consider a very dark gray or black for optimal legibility, especially for users with visual impairments.

Recommended combinations

Regal Depth

Creates a luxurious feel with a deep base, rich mid-tone, and a soft, ethereal highlight.

#4B0082 · #800080 · #E6E6FA

Vibrant Touch

Highlights key elements with a vibrant pop against softer and deeper purple foundations.

#A020F0 · #DDA0DD · #4B0082

Elegant Fade

Offers a gentle transition from light to medium-dark, suitable for gradients or layered backgrounds.

#E6E6FA · #DDA0DD · #800080

CSS variables

:root {
  --dusky-orchid-bloom-1: #4B0082;
  --dusky-orchid-bloom-2: #800080;
  --dusky-orchid-bloom-3: #A020F0;
  --dusky-orchid-bloom-4: #DDA0DD;
  --dusky-orchid-bloom-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-orchid-bloom": {
        1: "#4B0082",
        2: "#800080",
        3: "#A020F0",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#800080

Color 3#A020F0

Color 4#DDA0DD

Color 5#E6E6FA

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

6.3:1AA

10.5:1AAA

1.4:1Fail

1.8:1Fail

4.6:1AA

7.7:1AAA

2.4:1Fail

1.8:1Fail

2.6:1Fail

4.3:1AA18

6.3:1AA

4.6:1AA

2.6:1Fail

1.7:1Fail

10.5:1AAA

7.7:1AAA

4.3:1AA18

1.7:1Fail

Similar palettes

More like Dusky Orchid Bloom

View all cool

Amethyst Field Dusk

Amethyst Mystic Grotto

Amethyst Sky

Moonlit Sakura Canopy

Amethyst Cavern Glow

Celestial Orchid Bloom