Back to palettes

Palette

Amethyst Veil Mystique

A deep and rich palette inspired by precious gemstones, radiating an aura of dark elegance and mystery.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amethyst Veil Mystique 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 Veil Mystique.

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

Data visualization

#4B0082#8A2BE2#6A0DAD#2F072D#60214C

Palette guide

How to use Amethyst Veil Mystique

Overview

The Amethyst Veil Mystique palette is a deep and rich collection inspired by precious gemstones, radiating an aura of dark elegance and mystery. Featuring profound hues like `#2F072D` and `#60214C`, complemented by the vibrant `#4B0082` and `#8A2BE2`, and accented by `#6A0DAD`, this palette offers designers and developers a sophisticated range. Its intensity and depth make it excellent for projects aiming to convey luxury, intrigue, and a powerful, opulent aesthetic. This palette is especially effective for creating immersive and memorable visual experiences.

Best used for

  • Luxury jewelry or high-end fashion branding
  • Dark mode UI themes for sophisticated apps
  • Mystical or occult-themed digital content
  • Elegant event invitations and decor
  • Gothic or baroque artistic compositions
  • Premium cosmetic packaging design

Suggested color roles

primary

Use `#4B0082` as the dominant brand color for impactful headlines, main navigation, and key graphical elements to establish a luxurious and mysterious mood.

secondary

Apply `#6A0DAD` for supporting content blocks, subheadings, or secondary calls to action, providing depth and visual interest.

accent

Utilize `#8A2BE2` for vibrant highlights, interactive elements, or delicate background patterns to add a touch of luminous sparkle.

background

The deepest shade, `#2F072D`, creates an immersive, dark background. `#60214C` can be used for slightly lighter, content-rich areas.

text

For dark text on light backgrounds, a very dark charcoal or black is recommended. For light text on dark backgrounds, use white or `#8A2BE2` for optimal readability.

Accessibility notes

  • Ensure `#2F072D` provides strong contrast for text against `#8A2BE2` or white backgrounds.
  • Verify contrast ratios for `#4B0082` and `#6A0DAD` when used for text against various background colors within the palette.
  • Avoid using `#8A2BE2` for small text on similarly vibrant backgrounds to prevent legibility issues.
  • Consider using bold text or larger font sizes for shades like `#60214C` on slightly darker backgrounds like `#2F072D`.

Recommended combinations

Mystic Depths

Excellent for creating deep, immersive backgrounds or strong brand statements that convey profound mystery.

#2F072D · #60214C · #4B0082

Jewel Glow

Ideal for interactive elements, highlights, or gradients that mimic a rich, crystalline luminescence.

#8A2BE2 · #6A0DAD · #4B0082

Veiled Elegance

Suited for balancing vibrant purples with deep, grounding tones, such as calls to action or emphasized text.

#6A0DAD · #8A2BE2 · #2F072D

CSS variables

:root {
  --amethyst-veil-mystique-1: #4B0082;
  --amethyst-veil-mystique-2: #8A2BE2;
  --amethyst-veil-mystique-3: #6A0DAD;
  --amethyst-veil-mystique-4: #2F072D;
  --amethyst-veil-mystique-5: #60214C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-veil-mystique": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#6A0DAD",
        4: "#2F072D",
        5: "#60214C",
      }
    }
  }
}

Related searches

dark jewel tone palettemysterious purple designelegant violet schemeluxury dark UIamethyst inspired branding

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#6A0DAD
·
Color 4#2F072D
·
Color 5#60214C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.4:1Fail
1.4:1Fail
1.1:1Fail
2
2.2:1Fail
1.5:1Fail
3:1Fail
1.9:1Fail
3
1.4:1Fail
1.5:1Fail
1.9:1Fail
1.2:1Fail
4
1.4:1Fail
3:1Fail
1.9:1Fail
1.5:1Fail
5
1.1:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail

Similar palettes

More like Amethyst Veil Mystique

View all dark
Regal Gemstone Cascade
Royal Gem Twilight
Velvet Midnight Opera
Whispering Orchid Veil
Baroque Jewel Box
Baroque Velvet Plum