Back to palettes

Palette

Amethyst Cavern Deep

Deep purples and lavenders portray the mystical allure of a hidden amethyst cavern.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E9E6EE#CDC0D8#AA8DBB#8C6A9E#68497B

Palette guide

How to use Amethyst Cavern Deep

Overview

The Amethyst Cavern Deep palette offers a sophisticated range of purples and lavenders, mirroring the mysterious allure of a hidden amethyst cavern. Anchored by the deep `#68497B` and the grounding `#8C6A9E`, this palette gently transitions through `#AA8DBB` and `#CDC0D8` to the soft, near-white `#E9E6EE`. Designers and developers seeking to evoke a sense of quiet elegance, depth, or mystic tranquility will find this collection invaluable. Its muted yet rich tones are perfect for creating immersive user experiences and sophisticated visual narratives across digital and physical mediums.

Best used for

  • High-end interior design visualization
  • Spa and wellness brand identity
  • Luxury spiritual retreats websites
  • Elegant fashion lookbooks
  • Museum exhibit design
  • Dark mode UI themes

Suggested color roles

primary

Use `#68497B` for dominant elements like main navigation, footers, or background sections to establish a deep, sophisticated mood.

secondary

Apply `#8C6A9E` for supporting content blocks, subheadings, or secondary calls to action, providing continuity and depth.

accent

Utilize `#CDC0D8` or `#E9E6EE` for subtle highlights, hover states, or delicate graphical patterns to add a touch of luminosity.

background

The lightest shade, `#E9E6EE`, serves as an excellent clean background, while `#AA8DBB` can be used for softer, content-rich areas.

text

For clear readability on light backgrounds, use `#68497B` or a dark charcoal. On darker backgrounds, `#E9E6EE` or white provides excellent contrast.

Accessibility notes

  • Ensure `#68497B` provides adequate contrast for text against `#E9E6EE` and `#CDC0D8` backgrounds.
  • Avoid using light purples like `#CDC0D8` for small text on similarly muted backgrounds without careful contrast checks.
  • Verify all text elements meet WCAG contrast guidelines, especially when using mid-tone purples like `#AA8DBB`.
  • Consider using a slightly darker text color than `#68497B` if a very light background like `#E9E6EE` is not used.

Recommended combinations

Cavern Depths

Excellent for creating deep, moody backgrounds or primary content sections with subtle variation.

#68497B · #8C6A9E · #AA8DBB

Soft Illumination

Ideal for clean, readable content areas, delicate UI elements, or subtle gradients.

#E9E6EE · #CDC0D8 · #AA8DBB

Mystic Contrast

Suited for balancing deep tones with light accents, such as headers on light cards or bold text on light backgrounds.

#8C6A9E · #E9E6EE · #68497B

CSS variables

:root {
  --amethyst-cavern-deep-1: #E9E6EE;
  --amethyst-cavern-deep-2: #CDC0D8;
  --amethyst-cavern-deep-3: #AA8DBB;
  --amethyst-cavern-deep-4: #8C6A9E;
  --amethyst-cavern-deep-5: #68497B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-cavern-deep": {
        1: "#E9E6EE",
        2: "#CDC0D8",
        3: "#AA8DBB",
        4: "#8C6A9E",
        5: "#68497B",
      }
    }
  }
}

Related searches

deep purple color schemesmysterious violet paletteelegant dark purplesamethyst inspired designmuted gemstone colors

Palette colors

Hex values

Color 1#E9E6EE
·
Color 2#CDC0D8
·
Color 3#AA8DBB
·
Color 4#8C6A9E
·
Color 5#68497B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
3.6:1AA18
6:1AA
2
1.4:1Fail
1.7:1Fail
2.6:1Fail
4.3:1AA18
3
2.4:1Fail
1.7:1Fail
1.5:1Fail
2.6:1Fail
4
3.6:1AA18
2.6:1Fail
1.5:1Fail
1.7:1Fail
5
6:1AA
4.3:1AA18
2.6:1Fail
1.7:1Fail

Similar palettes

More like Amethyst Cavern Deep

View all dark
Mystic Amethyst Caves
Mystic Cavern
Mystic Cavern Glow
Amethyst Crystal Cave
Cosmic Dust Whisper
Cosmic Reaches