Palette

Witch's Brew Potion

Mystical purples and deep indigos swirling like a magical, enchanting potion.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Witch's Brew Potion 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 Witch's Brew Potion.

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

Data visualization

#301934#483C75#6A5ACD#8A2BE2#C78FFD

Palette guide

How to use Witch's Brew Potion

Overview

The Witch's Brew Potion palette conjures a mystical and deep aesthetic with its rich purples and indigos. This collection features the enigmatic #301934, the profound #483C75, and the vibrant #6A5ACD, offering a journey from shadowy depths to enchanting brightness. The captivating #8A2BE2 and the ethereal #C78FFD complete the spectrum, making it ideal for designs that aim for a magical, mysterious, or luxurious feel. Developers and designers can leverage this palette to create immersive digital experiences, elegant branding, or captivating visual narratives that evoke wonder and intrigue.

Best used for

fantasy game UI
luxury event branding
mystical book covers
cosmetics packaging
gothic fashion websites
dark mode application themes

Suggested color roles

primary

A deep, commanding indigo #483C75, perfect for main navigation, key headings, or prominent branding elements, setting a mysterious tone.

secondary

The striking #6A5ACD, ideal for secondary headings, interactive elements, or backgrounds where a vibrant yet deep purple is needed.

accent

The electric violet #8A2BE2, excellent for calls-to-action, important notifications, or creative highlights that demand immediate attention.

background

The profound #301934 provides a dark, sophisticated canvas, ideal for backgrounds that enhance the mystical nature of the palette.

text

The light and luminous #C78FFD offers superb readability against darker tones, making it perfect for body text, labels, and fine print.

Accessibility notes

Ensure #C78FFD has sufficient contrast against #301934 and #483C75 for all text sizes (WCAG AAA recommended).
Avoid pairing #6A5ACD with #8A2BE2 for text or crucial elements due to potential low contrast.
For interactive elements, ensure hover/active states maintain discernible contrast ratios.
Use #301934 as a background for lighter text, verifying that the text color (e.g., #C78FFD) meets accessibility standards.

Recommended combinations

Mystic Depths

Creates a profound, dark aesthetic suitable for immersive backgrounds, navigation bars, or sophisticated UI elements.

#301934 · #483C75 · #6A5ACD

Enchanting Glow

Highlights key information with a vibrant accent and ensures readability, perfect for CTAs and important text.

#483C75 · #8A2BE2 · #C78FFD

Potion Swirl

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

#6A5ACD · #301934 · #C78FFD

CSS variables

:root {
  --witch-s-brew-potion-1: #301934;
  --witch-s-brew-potion-2: #483C75;
  --witch-s-brew-potion-3: #6A5ACD;
  --witch-s-brew-potion-4: #8A2BE2;
  --witch-s-brew-potion-5: #C78FFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "witch-s-brew-potion": {
        1: "#301934",
        2: "#483C75",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#C78FFD",
      }
    }
  }
}

Hex values

Color 1#301934

Color 2#483C75

Color 3#6A5ACD

Color 4#8A2BE2

Color 5#C78FFD

Accessibility

Contrast checker

1.7:1Fail

3:1AA18

2.7:1Fail

6.7:1AA

1.7:1Fail

1.8:1Fail

1.6:1Fail

4:1AA18

3:1AA18

1.8:1Fail

1.1:1Fail

2.2:1Fail

2.7:1Fail

1.6:1Fail

1.1:1Fail

2.5:1Fail

6.7:1AA

4:1AA18

2.2:1Fail

2.5:1Fail

Similar palettes

More like Witch's Brew Potion

View all dark

Enchanted Night Bloom

Abyssal Void Hues

Astral Dust Whisper

Celestial Dust Trail

Celestial Shimmer Glow

Celestial Stardust Trails