Back to palettes

Palette

Mystic Deep Cavern

Dark, brooding blues and purples evoke the mysterious, shadowy depths of an ancient, hidden cavern.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Deep Cavern 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 Mystic Deep Cavern.

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

Data visualization

#191970#483D8B#6A5ACD#8A2BE2#4169E1

Palette guide

How to use Mystic Deep Cavern

Overview

The Mystic Deep Cavern palette evokes the mysterious, shadowy depths of an ancient, hidden cavern through its dark, brooding blues and purples. Featuring a profound #191970, a rich #483D8B, a vibrant #8A2BE2, and an electrifying #4169E1, this collection is perfect for designs that aim to be enigmatic, sophisticated, or imbued with a sense of hidden power. Designers and developers can utilize these deep tones to craft immersive dark mode experiences, compelling fantasy interfaces, and visually striking digital assets that captivate with their depth.

Best used for

  • Mystery novel covers
  • Dark fantasy game UI
  • Sophisticated event themes
  • Luxury brand accents
  • Deep learning interfaces
  • Abstract digital art

Suggested color roles

primary

Utilize #191970 as the deepest, foundational blue for backgrounds or main structural elements.

secondary

Employ #483D8B for supportive sections or to add a rich, indigo depth to your design.

accent

Highlight interactive elements or mystical effects with #8A2BE2, providing a vibrant, captivating pop.

background

Use #191970 as an immersive, dark canvas, allowing lighter elements to emerge with dramatic effect.

text

A light grey or #6A5ACD provides optimal readability when used for text against the deep, dark backgrounds.

Accessibility notes

  • Use lighter shades like #6A5ACD or #8A2BE2 for text on the darkest backgrounds, e.g., #191970, for readability.
  • Ensure sufficient contrast for interactive elements against their backgrounds to meet WCAG AA standards.
  • Avoid using shades like #483D8B for small text on #191970 due to potential low contrast.
  • Text smaller than 18pt should have a contrast ratio of at least 4.5:1 for optimal readability.

Recommended combinations

Cavern Depths

Ideal for backgrounds and layered elements that create a sense of profound, receding space.

#191970 · #483D8B · #6A5ACD

Mystic Glow

Perfect for interactive elements, glowing accents, or highlighting key information.

#8A2BE2 · #4169E1 · #191970

Deep Indigo

Great for headings, feature sections, or elements that require a sophisticated, layered look.

#483D8B · #6A5ACD · #4169E1

CSS variables

:root {
  --mystic-deep-cavern-1: #191970;
  --mystic-deep-cavern-2: #483D8B;
  --mystic-deep-cavern-3: #6A5ACD;
  --mystic-deep-cavern-4: #8A2BE2;
  --mystic-deep-cavern-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-deep-cavern": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#4169E1",
      }
    }
  }
}

Related searches

deep blue purple palettemysterious cavern colorsdark fantasy uiindigo blue schemehidden depths aesthetic

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#4169E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.5:1Fail
3.1:1AA18
2
1.6:1Fail
1.7:1Fail
1.5:1Fail
1.9:1Fail
3
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail
4
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
5
3.1:1AA18
1.9:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Mystic Deep Cavern

View all dark
Deep Abyss Current
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths