Palette

Enigmatic Shadow Tale

Deep, enigmatic purples and grays that evoke a sense of ancient mystery and dramatic elegance.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enigmatic Shadow Tale 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 Enigmatic Shadow Tale.

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

Data visualization

#301934#4B0082#7B68EE#C0C0C0#808080

Palette guide

How to use Enigmatic Shadow Tale

Overview

The "Enigmatic Shadow Tale" palette features deep, enigmatic purples and grays that evoke a sense of ancient mystery and dramatic elegance. Ranging from the near-black #301934 to the luminous #7B68EE, with rich #4B0082, and grounding grays #C0C0C0 and #808080, this collection is perfect for designers and developers aiming to create sophisticated, intriguing, and visually compelling experiences. Its blend of dark, mysterious tones with a vibrant accent provides ample opportunity for dramatic contrast, hierarchical clarity, and a truly immersive atmosphere, ideal for storytelling or high-end branding.

Best used for

Gothic-themed websites or digital content
Sophisticated gaming UI and fantasy art
Luxury brand packaging and identity
Mystery or thriller book covers and promotions
Elegant event branding for galas or theatrical productions
Dark mode interfaces with a refined touch

Suggested color roles

primary

Utilize #4B0082 as a deep, royal dark violet for primary backgrounds or significant content blocks, conveying richness.

secondary

Apply #301934 for supportive elements, deep shadows, or as an alternative dark background, adding immersive depth.

accent

Reserve #7B68EE for luminous accents, interactive elements, or key highlights to provide a dramatic and elegant pop of color.

background

Employ #301934 for a truly dark, immersive background, or #C0C0C0 for a lighter, contrasting base that makes dark elements stand out.

text

White or #C0C0C0 text provides excellent readability on the darker colors. For lighter backgrounds, use #301934 or black.

Accessibility notes

White or #C0C0C0 text on #301934, #4B0082, and #808080 offers excellent contrast, essential for readability.
Be cautious using #C0C0C0 text on #7B68EE; ensure sufficient contrast for small text sizes, or use white text instead.
Ensure interactive elements have clear visual cues beyond color, especially when using similar shades of gray.
Test all color combinations for WCAG compliance, paying close attention to text on backgrounds and UI component states.

Recommended combinations

Shadowed Depths

Ideal for creating deep, layered backgrounds, narrative-driven visuals, or a strong, mysterious foundation for content.

#301934 · #4B0082 · #808080

Gothic Elegance

Perfect for layouts where a light base highlights rich, elegant purples, offering a sophisticated and dramatic contrast.

#C0C0C0 · #4B0082 · #7B68EE

Mysterious Aura

Use this for graphical elements, subtle UI components, or illustrations that require a blend of mystery, depth, and a touch of vibrancy.

#808080 · #7B68EE · #301934

CSS variables

:root {
  --enigmatic-shadow-tale-1: #301934;
  --enigmatic-shadow-tale-2: #4B0082;
  --enigmatic-shadow-tale-3: #7B68EE;
  --enigmatic-shadow-tale-4: #C0C0C0;
  --enigmatic-shadow-tale-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enigmatic-shadow-tale": {
        1: "#301934",
        2: "#4B0082",
        3: "#7B68EE",
        4: "#C0C0C0",
        5: "#808080",
      }
    }
  }
}

Hex values

Color 1#301934

Color 2#4B0082

Color 3#7B68EE

Color 4#C0C0C0

Color 5#808080

Accessibility

Contrast checker

1.2:1Fail

3.8:1AA18

8.8:1AAA

4:1AA18

1.2:1Fail

3.1:1AA18

7.1:1AAA

3.3:1AA18

3.8:1AA18

3.1:1AA18

2.3:1Fail

1.1:1Fail

8.8:1AAA

7.1:1AAA

2.3:1Fail

2.2:1Fail

4:1AA18

3.3:1AA18

1.1:1Fail

2.2:1Fail

Similar palettes

More like Enigmatic Shadow Tale

Midnight Velvet Cloak

Nocturnal Garden Bloom