Palette

Velvet Crypt Shadow

Deep and mysterious purples create an atmosphere of opulent shadow and ancient secrets.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Crypt Shadow 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 Velvet Crypt Shadow.

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

Data visualization

#2B0A33#4D1A59#7A338A#A64DB8#CC66D9

Palette guide

How to use Velvet Crypt Shadow

Overview

The "Velvet Crypt Shadow" palette unveils a range of deep, mysterious purples, from the near-black #2B0A33 to the opulent #CC66D9. This collection is imbued with a sense of ancient secrets and luxurious shadow, perfect for designers and developers seeking to evoke a gothic, mystical, or high-end aesthetic. The progression of tones, including the rich #4D1A59 and the vibrant #7A338A, allows for dynamic depth and striking contrasts in UI, branding, or artistic compositions, creating an atmosphere of dark, sophisticated allure that is both dramatic and inviting.

Best used for

Gothic luxury branding and packaging
Mystical or fantasy game interfaces
High-end fashion and accessory websites
Dramatic event invitations and decor
Abstract art and digital illustrations
Sophisticated dark mode UI designs

Suggested color roles

primary

Use #4D1A59 as a deep, foundational purple for large sections or dominant brand elements, setting a mysterious tone.

secondary

Apply #7A338A to provide a rich, mid-tone purple, ideal for supporting content, headers, or interactive components.

accent

Utilize #CC66D9 as a vibrant, almost neon purple for impactful calls to action, highlights, or decorative accents.

background

Employ #2B0A33 for an ultra-dark, almost black-purple background, creating an immersive and opulent base.

text

Pair with crisp white or a very light silver for optimal readability against the deep purples.

Accessibility notes

Ensure sufficient contrast when using lighter purples like #A64DB8 for text against white or very light backgrounds.
#CC66D9, while vibrant, may require careful contrast checks if used for small text on mid-tone backgrounds.
All text on #2B0A33 or #4D1A59 should be very light (e.g., white) to meet accessibility standards.
Test interactive elements to ensure they stand out clearly, potentially using #CC66D9 for focus states.

Recommended combinations

Mysterious Depths

Creates a deep, layered purple foundation, ideal for backgrounds or immersive visual experiences.

#2B0A33 · #4D1A59 · #7A338A

Regal Highlight

Introduces a luminous glow and strong accent, perfect for calls to action or key visual elements.

#A64DB8 · #CC66D9 · #4D1A59

Opulent Shadow

Blends the core purples for a sophisticated and luxurious feel, suitable for content blocks or headers.

#4D1A59 · #7A338A · #2B0A33

CSS variables

:root {
  --velvet-crypt-shadow-1: #2B0A33;
  --velvet-crypt-shadow-2: #4D1A59;
  --velvet-crypt-shadow-3: #7A338A;
  --velvet-crypt-shadow-4: #A64DB8;
  --velvet-crypt-shadow-5: #CC66D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-crypt-shadow": {
        1: "#2B0A33",
        2: "#4D1A59",
        3: "#7A338A",
        4: "#A64DB8",
        5: "#CC66D9",
      }
    }
  }
}

Hex values

Color 1#2B0A33

Color 2#4D1A59

Color 3#7A338A

Color 4#A64DB8

Color 5#CC66D9

Accessibility

Contrast checker

1.3:1Fail

2.2:1Fail

3.7:1AA18

5.4:1AA

1.3:1Fail

1.7:1Fail

2.7:1Fail

4:1AA18

2.2:1Fail

1.7:1Fail

1.6:1Fail

2.4:1Fail

3.7:1AA18

2.7:1Fail

1.6:1Fail

1.5:1Fail

5.4:1AA

4:1AA18

2.4:1Fail

1.5:1Fail

Similar palettes

More like Velvet Crypt Shadow

Cosmic Stardust Drift

Cosmic Void Shimmer

Deep Plum Twilight