Back to palettes

Palette

Amethyst Cavern Glow

Mystical shades of purple, reflecting the deep, enchanting glow of amethyst crystals in a hidden cavern.

CoolElegant5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#311B92#5E35B1#9575CD#B39DDB#D1C4E9

Palette guide

How to use Amethyst Cavern Glow

Overview

The Amethyst Cavern Glow palette offers a mesmerizing gradient of purples, reflecting the enchanting luminescence of amethyst crystals within a hidden grotto. Ranging from the deep, commanding `#311B92` to the soft, ethereal `#D1C4E9`, this palette provides designers and developers with a cohesive set of hues to create elegant and mystical experiences. The balanced mid-tones, `#5E35B1`, `#9575CD`, and `#B39DDB`, ensure smooth transitions and versatility for various design elements. This palette is perfect for projects seeking to convey sophistication, mystery, and a touch of natural wonder.

Best used for

  • Luxury jewelry brand websites
  • Mystical themed digital art
  • Sophisticated event decor design
  • High-end fashion e-commerce
  • Spiritual and wellness app interfaces
  • Dark mode UI themes

Suggested color roles

primary

Use `#311B92` for strong brand anchors, main navigation, or backgrounds requiring a deep, authoritative presence.

secondary

Apply `#5E35B1` for supporting content areas, subheadings, or secondary calls to action, maintaining depth and elegance.

accent

Utilize `#D1C4E9` for subtle highlights, interactive elements, or delicate patterns, adding a touch of soft luminosity.

background

The lightest shade, `#D1C4E9`, provides a clean, airy canvas. `#9575CD` can be used for richer, yet still bright, background sections.

text

For dark text on light backgrounds, `#311B92` or black offers excellent readability. For light text on dark backgrounds, use white or `#D1C4E9`.

Accessibility notes

  • Ensure `#311B92` provides sufficient contrast for text when used against `#D1C4E9` or other light backgrounds.
  • Verify that mid-tone colors like `#9575CD` and `#B39DDB` have adequate contrast when used for text or interactive elements.
  • Avoid using `#D1C4E9` for small text on very light backgrounds to prevent legibility issues.
  • Consider larger font sizes or bolder weights for text in shades like `#B39DDB` on slightly darker backgrounds like `#9575CD`.

Recommended combinations

Deep Cavern

Excellent for creating a sense of depth and luxury in headers, footers, or primary branding.

#311B92 · #5E35B1 · #9575CD

Glow Effect

Ideal for gradients, background patterns, or elements that require a soft, ethereal radiance.

#D1C4E9 · #B39DDB · #9575CD

Mystic Contrast

Suited for balancing strong darks with gentle lights, such as text on cards or call-to-action buttons.

#5E35B1 · #D1C4E9 · #311B92

CSS variables

:root {
  --amethyst-cavern-glow-2-1: #311B92;
  --amethyst-cavern-glow-2-2: #5E35B1;
  --amethyst-cavern-glow-2-3: #9575CD;
  --amethyst-cavern-glow-2-4: #B39DDB;
  --amethyst-cavern-glow-2-5: #D1C4E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-cavern-glow-2": {
        1: "#311B92",
        2: "#5E35B1",
        3: "#9575CD",
        4: "#B39DDB",
        5: "#D1C4E9",
      }
    }
  }
}

Related searches

amethyst purple palettemystical glow colorselegant violet schemegemstone inspired designdark aesthetic UI

Palette colors

Hex values

Color 1#311B92
·
Color 2#5E35B1
·
Color 3#9575CD
·
Color 4#B39DDB
·
Color 5#D1C4E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.4:1AA18
5.1:1AA
7.5:1AAA
2
1.5:1Fail
2.2:1Fail
3.3:1AA18
4.9:1AA
3
3.4:1AA18
2.2:1Fail
1.5:1Fail
2.2:1Fail
4
5.1:1AA
3.3:1AA18
1.5:1Fail
1.5:1Fail
5
7.5:1AAA
4.9:1AA
2.2:1Fail
1.5:1Fail

Similar palettes

More like Amethyst Cavern Glow

View all Cool
Cosmic Dust Trail
Moon Garden Enchant
Mystic Moor
Celestial Rose Haze
Cosmic Orchid
Crystal Cave Glow