Palette

Witching Hour Brew

Deep, enchanting purples and violets, conjuring images of mysterious potions brewed under a magical night sky.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Witching Hour Brew 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 Witching Hour Brew.

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

Data visualization

#4B0082#8A2BE2#9400D3#BA55D3#DDA0DD

Palette guide

How to use Witching Hour Brew

Overview

The Witching Hour Brew palette captures the essence of a mysterious night sky with its deep, enchanting purples and violets. This collection features the profound #4B0082, the vibrant #8A2BE2, and the intense #9400D3, offering a compelling blend of darkness and luminosity. Complemented by the rich #BA55D3 and the soft #DDA0DD, this palette is ideal for designs that aim to evoke magic, mystery, and elegance. Developers and designers can utilize these colors to craft immersive digital experiences, dramatic branding, or captivating visual narratives, transforming projects into truly enchanting creations reminiscent of a magical potion.

Best used for

fantasy game UI
luxury fashion websites
mystical book covers
dark mode application themes
event posters (gala, theatre)
cosmetics branding

Suggested color roles

primary

A deep, royal purple #9400D3, excellent for main headings, prominent brand elements, or primary navigation, establishing a majestic and mysterious tone.

secondary

The vibrant #8A2BE2, perfect for subheadings, interactive elements, or backgrounds that need a compelling yet harmonious purple presence.

accent

The lighter violet #BA55D3, ideal for calls-to-action, key icons, or subtle highlights that need to draw attention without overpowering the dark depth.

background

The profound #4B0082 provides a rich, dark canvas, perfect for backgrounds that enhance the mystical and luxurious feel of the palette.

text

The soft #DDA0DD offers good contrast against the darker purples, making it suitable for body text, labels, and fine print, or use white for maximum legibility.

Accessibility notes

Ensure #DDA0DD has sufficient contrast against #4B0082 and #9400D3 for all text sizes (WCAG AA recommended).
Avoid pairing #8A2BE2 with #9400D3 for text or crucial elements due to potential low contrast and vibrancy clash.
For interactive elements, ensure hover/active states maintain discernible contrast ratios, especially within the mid-tones.
When using #4B0082 as a background, verify that all overlaying text and UI elements have sufficient luminosity contrast for readability.

Recommended combinations

Mysterious Night

Creates a profound, dark aesthetic with a bright, readable accent, suitable for immersive backgrounds and primary content.

#4B0082 · #9400D3 · #DDA0DD

Vibrant Brew

Highlights key information with vibrant accents, perfect for calls-to-action, interactive elements, or featured sections.

#9400D3 · #8A2BE2 · #BA55D3

Enchanted Twilight

A balanced combination for content blocks, offering a rich mid-tone, a deep background, and a bright, legible text color.

#8A2BE2 · #4B0082 · #DDA0DD

CSS variables

:root {
  --witching-hour-brew-1: #4B0082;
  --witching-hour-brew-2: #8A2BE2;
  --witching-hour-brew-3: #9400D3;
  --witching-hour-brew-4: #BA55D3;
  --witching-hour-brew-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "witching-hour-brew": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#9400D3",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#9400D3

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

2.2:1Fail

2:1Fail

3.3:1AA18

6.3:1AA

2.2:1Fail

1.1:1Fail

1.5:1Fail

2.9:1Fail

2:1Fail

1.1:1Fail

1.7:1Fail

3.2:1AA18

3.3:1AA18

1.5:1Fail

1.7:1Fail

1.9:1Fail

6.3:1AA

2.9:1Fail

3.2:1AA18

1.9:1Fail

Similar palettes

More like Witching Hour Brew

View all dark

Witchcraft Brew Elixir

Witchy Brew Cauldron

Celestial Shimmer Glow

Cosmic Dreamscape Dust

Cosmic Haze Veil

Cosmic Night Bloom