Palette

Deep Amethyst Mine

Rich, profound purples, mirroring the sparkling depth and mystic allure of amethyst crystals found deep in a mine.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#38004D#62008E#9700E3#BF51FF#E6A3FF

Palette guide

How to use Deep Amethyst Mine

Overview

The Deep Amethyst Mine palette delves into a spectrum of profound purples, mirroring the mystic allure of amethyst crystals. Ranging from the dark, commanding #38004D to the ethereal #E6A3FF, with striking mid-tones like #9700E3, this collection exudes luxury and mystery. Designers can craft sophisticated interfaces or brand identities with its jewel-toned depth, while developers can utilize its clear progression for elegant gradients and intuitive UI states. This palette is perfect for projects seeking to convey opulence, creativity, or a touch of the magical.

Best used for

Luxury brand identity
Spiritual and wellness apps
High-end event branding
Creative portfolio websites
Cosmetics and beauty products
Digital art and illustration

Suggested color roles

primary

Establish a luxurious and mysterious base with #38004D for main backgrounds or dominant branding elements.

secondary

Use #62008E for supporting headers, navigation, or secondary content blocks, adding depth.

accent

Draw attention to calls to action or key features with the vibrant #BF51FF, ensuring high visibility.

background

The deep #38004D creates a dramatic, immersive background, while #E6A3FF can be used for light, ethereal sections or overlays.

text

For dark backgrounds, #E6A3FF or a light gray offers excellent readability. On very light backgrounds, a deep charcoal or #38004D ensures contrast.

Accessibility notes

Ensure sufficient contrast when placing text on mid-range purples like #9700E3 or #BF51FF.
Verify that lighter purples like #E6A3FF have adequate contrast against background elements.
Use #38004D for text on light backgrounds to meet WCAG AA standards for legibility.
Interactive elements should have a clear focus state, possibly using a lighter accent against a darker base.

Recommended combinations

Mystic Depth

Ideal for creating a sense of profoundness and layering in headers or full-screen backgrounds.

#38004D · #62008E · #BF51FF

Royal Glow

Excellent for highlighting sections or gradients, suggesting radiance and sophistication.

#9700E3 · #BF51FF · #E6A3FF

Dark Allure

Combines the deepest tone with the lightest for strong contrast, perfect for dramatic branding.

#38004D · #E6A3FF · #62008E

CSS variables

:root {
  --deep-amethyst-mine-1: #38004D;
  --deep-amethyst-mine-2: #62008E;
  --deep-amethyst-mine-3: #9700E3;
  --deep-amethyst-mine-4: #BF51FF;
  --deep-amethyst-mine-5: #E6A3FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-amethyst-mine": {
        1: "#38004D",
        2: "#62008E",
        3: "#9700E3",
        4: "#BF51FF",
        5: "#E6A3FF",
      }
    }
  }
}

Hex values

Color 1#38004D

Color 2#62008E

Color 3#9700E3

Color 4#BF51FF

Color 5#E6A3FF

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

4.6:1AA

8.7:1AAA

1.5:1Fail

1.8:1Fail

3.1:1AA18

5.8:1AA

2.7:1Fail

1.8:1Fail

1.7:1Fail

3.2:1AA18

4.6:1AA

3.1:1AA18

1.7:1Fail

1.9:1Fail

8.7:1AAA

5.8:1AA

3.2:1AA18

1.9:1Fail

Similar palettes

More like Deep Amethyst Mine

View all dark

Mystic Cavern Glow

Amethyst Cavern Deep

Amethyst Crystal Cave

Cosmic Cloud Veil

Cosmic Dust Trails

Cosmic Galaxy Haze