Back to palettes

Palette

Twilight Orchid Hue

The mysterious and elegant purples of orchids blooming under the fading 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 Hue 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 Hue.

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

Data visualization

#4B0082#8A2BE2#BA55D3#C7BCE6#9966CC

Palette guide

How to use Twilight Orchid Hue

Overview

The "Twilight Orchid Hue" palette explores a sophisticated range of purples, from deep indigo to soft lavender, capturing the mysterious elegance of orchids at dusk. It starts with the profound dark violet of #4B0082, progressing to the vibrant blue violet of #8A2BE2 and the striking medium orchid of #BA55D3. A soft, muted lavender, #C7BCE6, provides a gentle contrast, while #9966CC offers a rich, balanced purple. This palette is ideal for designs seeking a blend of mystery, elegance, and a touch of modern sophistication, suitable for creative industries, personal branding, or digital interfaces that aim for a refined aesthetic.

Best used for

  • Creative agency websites
  • Personal portfolio sites
  • Elegant event branding
  • Luxury lifestyle blogs
  • Digital art platforms
  • Cosmetic product packaging

Suggested color roles

primary

#4B0082 for dominant backgrounds or headers, establishing a deep, luxurious atmosphere.

secondary

#8A2BE2 or #BA55D3 for sub-sections, cards, or prominent text, offering vibrant yet sophisticated accents.

accent

#C7BCE6 provides a soft, ethereal highlight for interactive elements or subtle decorative details.

background

#4B0082 for a deep, mysterious base; #C7BCE6 for a light, airy, and elegant background.

text

Bright white or #C7BCE6 for text on #4B0082; dark charcoal or black for text on #C7BCE6.

Accessibility notes

  • Ensure #C7BCE6 or bright white text has sufficient contrast against #4B0082 and #8A2BE2.
  • Be mindful of contrast between #BA55D3 and #9966CC if used for text/background.
  • Use #8A2BE2 or #BA55D3 for interactive elements to ensure visibility.
  • For small text, prioritize higher contrast pairings like dark on #C7BCE6 or light on #4B0082.

Recommended combinations

Deep Elegance

Creates a sophisticated dark theme with striking, legible accents.

#4B0082 · #8A2BE2 · #C7BCE6

Soft Twilight

Ideal for gradients or layered elements that evoke a soft, ethereal glow.

#8A2BE2 · #BA55D3 · #C7BCE6

Regal Blend

Excellent for creating rich, deep backgrounds with harmonious mid-tone elements.

#4B0082 · #9966CC · #BA55D3

CSS variables

:root {
  --twilight-orchid-hue-1: #4B0082;
  --twilight-orchid-hue-2: #8A2BE2;
  --twilight-orchid-hue-3: #BA55D3;
  --twilight-orchid-hue-4: #C7BCE6;
  --twilight-orchid-hue-5: #9966CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-orchid-hue": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#BA55D3",
        4: "#C7BCE6",
        5: "#9966CC",
      }
    }
  }
}

Related searches

dark purple color schemeelegant orchid palettetwilight purple designmysterious violet colorssophisticated purple branding

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#BA55D3
·
Color 4#C7BCE6
·
Color 5#9966CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.3:1AA18
7.3:1AAA
3.2:1AA18
2
2.2:1Fail
1.5:1Fail
3.3:1AA18
1.5:1Fail
3
3.3:1AA18
1.5:1Fail
2.2:1Fail
1:1Fail
4
7.3:1AAA
3.3:1AA18
2.2:1Fail
2.3:1Fail
5
3.2:1AA18
1.5:1Fail
1:1Fail
2.3:1Fail

Similar palettes

More like Twilight Orchid Hue

View all dark
Gothic Rose Window
Nocturne Bloom Velvet
Amethyst Veil Mystique
Baroque Velvet Plum
Blackberry Bramble Luxe
Cathedral Stained Glass