Palette

Witchy Brew Cauldron

A bewitching array of deep purples, from shadowy depths to shimmering, lightened tones.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Witchy Brew Cauldron 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 Witchy Brew Cauldron.

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

Data visualization

#2B1A3F#4C287A#8057B9#B38FF2#E6CCFF

Palette guide

How to use Witchy Brew Cauldron

Overview

The Witchy Brew Cauldron palette offers a bewitching array of deep purples, from shadowy depths to shimmering, lightened tones, perfect for designs seeking a magical and sophisticated touch. Featuring the profound #2B1A3F, the rich #4C287A, and the vibrant #8057B9, this palette builds a strong foundation. The lighter #B38FF2 and the ethereal #E6CCFF complete the spectrum, providing versatility for various applications. Designers and developers can leverage this palette to create immersive digital experiences, elegant branding, or captivating visual narratives that evoke wonder and intrigue, reminiscent of a mysterious potion bubbling in a cauldron.

Best used for

fantasy game UI
luxury event branding
mystical book covers
dark mode application themes
gothic fashion websites
high-end cosmetics marketing

Suggested color roles

primary

A rich, deep purple #4C287A, excellent for primary navigation, headers, or significant brand elements, setting a sophisticated and mysterious tone.

secondary

The vibrant #8057B9, perfect for subheadings, interactive components, or background sections that need a compelling, yet not overpowering, presence.

accent

The luminous #B38FF2, ideal for calls-to-action, key icons, or crucial highlights that require immediate attention and a touch of magic.

background

The profound #2B1A3F serves as an excellent dark canvas, providing depth and elegance for backgrounds that make lighter elements pop.

text

The ethereal #E6CCFF offers superb readability against darker shades, making it suitable for body text, labels, and decorative typography, or use white for maximum legibility.

Accessibility notes

Ensure #E6CCFF has strong contrast against #2B1A3F and #4C287A for body text to meet WCAG AA standards.
Avoid using #8057B9 and #B38FF2 in close proximity for text or interactive elements without verifying contrast.
For small text or critical information, consider using pure white or a very light gray against the darkest shades.
When using #2B1A3F as a background, ensure all overlaying text and UI elements have sufficient luminosity contrast.

Recommended combinations

Cauldron Depths

Creates a profound, dark aesthetic suitable for immersive backgrounds, sophisticated headers, or dark UI components.

#2B1A3F · #4C287A · #8057B9

Mystic Shimmer

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

#4C287A · #B38FF2 · #E6CCFF

Potion Glow

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

#8057B9 · #2B1A3F · #E6CCFF

CSS variables

:root {
  --witchy-brew-cauldron-1: #2B1A3F;
  --witchy-brew-cauldron-2: #4C287A;
  --witchy-brew-cauldron-3: #8057B9;
  --witchy-brew-cauldron-4: #B38FF2;
  --witchy-brew-cauldron-5: #E6CCFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "witchy-brew-cauldron": {
        1: "#2B1A3F",
        2: "#4C287A",
        3: "#8057B9",
        4: "#B38FF2",
        5: "#E6CCFF",
      }
    }
  }
}

Hex values

Color 1#2B1A3F

Color 2#4C287A

Color 3#8057B9

Color 4#B38FF2

Color 5#E6CCFF

Accessibility

Contrast checker

1.4:1Fail

3:1AA18

6.1:1AA

10.9:1AAA

1.4:1Fail

2.1:1Fail

4.3:1AA18

7.6:1AAA

3:1AA18

2.1:1Fail

2:1Fail

3.6:1AA18

6.1:1AA

4.3:1AA18

2:1Fail

1.8:1Fail

10.9:1AAA

7.6:1AAA

3.6:1AA18

1.8:1Fail

Similar palettes

More like Witchy Brew Cauldron

View all dark

Witchcraft Brew Elixir

Witching Hour Brew

Celestial Shimmer Glow

Cosmic Dreamscape Dust

Cosmic Night Bloom

Deep Space Plumage