Palette

Whispering Orchid Veil

Deep, mysterious purples and soft lavenders, like the delicate yet dramatic layers of a dark orchid.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Orchid Veil 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 Whispering Orchid Veil.

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

Data visualization

#6A0572#9D289B#C86EC8#F2B0F2#FAE3F7

Palette guide

How to use Whispering Orchid Veil

Overview

The "Whispering Orchid Veil" palette is a captivating and elegant collection, moving from deep, mysterious purples to soft, ethereal lavenders. Anchored by the intense #6A0572 and the vibrant #9D289B, it gracefully lightens through #C86EC8 and #F2B0F2, culminating in the delicate #FAE3F7. This palette is perfect for designers seeking to convey luxury, drama, and a touch of enigmatic beauty. Its strong yet harmonious progression allows for dynamic visual hierarchy and a refined user experience, ideal for high-impact branding and sophisticated digital interfaces.

Best used for

Luxury fashion or beauty campaigns
High-end event invitations
Artistic portfolio websites
E-commerce sites for unique products
Mysterious or fantasy-themed designs
Sophisticated personal branding

Suggested color roles

primary

#9D289B - A vibrant, rich purple that commands attention, ideal for main headings, calls to action, or prominent design elements, conveying luxury.

secondary

#C86EC8 - A brighter, more playful purple that complements the primary, suitable for subheadings, secondary buttons, or background accents.

accent

#F2B0F2 - A light, delicate lavender that provides a subtle pop, perfect for interactive states, subtle highlights, or ethereal graphic details.

background

#FAE3F7 - A very light, almost white, pastel lavender that offers a clean, soft, and sophisticated backdrop, enhancing readability for darker text.

text

#6A0572 - A deep, intense purple that ensures excellent contrast against lighter backgrounds, ideal for body text and headings, lending a dramatic and elegant feel.

Accessibility notes

Ensure #6A0572 text on #FAE3F7 background meets WCAG AA contrast for good readability of body text.
Avoid using #F2B0F2 or #C86EC8 for small text on light backgrounds as contrast might be insufficient.
For interactive elements, provide clear visual indicators beyond just color, especially when using similar light tones.
Using #9D289B for text on #FAE3F7 should provide good contrast for larger headings.

Recommended combinations

Dramatic Depth

Creates a striking contrast, suitable for bold statements or high-impact areas.

#6A0572 · #C86EC8 · #FAE3F7

Vibrant Gradient

Ideal for a smooth, sophisticated transition, great for banners or section backgrounds.

#9D289B · #F2B0F2 · #FAE3F7

Elegant Pop

A balanced trio for a refined look, perfect for content blocks and subtle accents.

#C86EC8 · #FAE3F7 · #6A0572

CSS variables

:root {
  --whispering-orchid-veil-1: #6A0572;
  --whispering-orchid-veil-2: #9D289B;
  --whispering-orchid-veil-3: #C86EC8;
  --whispering-orchid-veil-4: #F2B0F2;
  --whispering-orchid-veil-5: #FAE3F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-orchid-veil": {
        1: "#6A0572",
        2: "#9D289B",
        3: "#C86EC8",
        4: "#F2B0F2",
        5: "#FAE3F7",
      }
    }
  }
}

Hex values

Color 1#6A0572

Color 2#9D289B

Color 3#C86EC8

Color 4#F2B0F2

Color 5#FAE3F7

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

6.5:1AA

9.3:1AAA

1.7:1Fail

2:1Fail

3.8:1AA18

5.4:1AA

3.5:1AA18

2:1Fail

1.9:1Fail

2.7:1Fail

6.5:1AA

3.8:1AA18

1.9:1Fail

1.4:1Fail

9.3:1AAA

5.4:1AA

2.7:1Fail

1.4:1Fail

Similar palettes

More like Whispering Orchid Veil

View all dark

Amethyst Veil Mystique

Midnight Iris Bloom

Midnight Orchid Bloom

Regal Orchid Bloom

Baroque Velvet Plum

Blackberry Bramble Luxe