Back to palettes

Palette

Amethyst Mystic Grotto

Deep purples of amethyst and mystic fog, exuding an enchanted elegance.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amethyst Mystic Grotto 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 Mystic Grotto.

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

Data visualization

#362547#5B3C70#845FA0#A87BC9#CFC0DF

Palette guide

How to use Amethyst Mystic Grotto

Overview

The Amethyst Mystic Grotto palette weaves together deep purples of amethyst and mystic fog, exuding an enchanted elegance. Ranging from the profound `#362547` to the luminous `#CFC0DF`, this palette offers designers and developers a sophisticated and magical set of hues. The balanced mid-tones, `#5B3C70`, `#845FA0`, and `#A87BC9`, ensure harmonious transitions, making it ideal for projects seeking to evoke mystery, luxury, and a sense of refined wonder. Its versatility makes it perfect for creating immersive user experiences and elegant visual narratives.

Best used for

  • Luxury brand identity for spas or retreats
  • Fantasy-themed game UI/UX
  • High-end jewelry e-commerce sites
  • Spiritual or wellness content platforms
  • Elegant wedding stationery
  • Artistic portfolio websites

Suggested color roles

primary

Use `#5B3C70` as the foundational brand color for headers, navigation, and key graphical elements to establish elegance and mystery.

secondary

Apply `#845FA0` for supporting content blocks, subheadings, or secondary calls to action, maintaining visual harmony and depth.

accent

Utilize `#CFC0DF` for subtle highlights, interactive states, or delicate background patterns to add a soft, luminous touch.

background

The deepest shade, `#362547`, creates a luxurious, immersive background. The lightest, `#CFC0DF`, provides a clean, ethereal canvas.

text

For dark text on light backgrounds, `#362547` or a deep charcoal provides excellent readability. For light text on dark backgrounds, use white or `#CFC0DF`.

Accessibility notes

  • Ensure `#362547` provides strong contrast for text against `#CFC0DF` and other light backgrounds.
  • Verify contrast ratios for `#5B3C70` and `#845FA0` when used for text against various background colors within the palette.
  • Avoid using `#CFC0DF` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#A87BC9` on slightly darker backgrounds like `#845FA0`.

Recommended combinations

Grotto Depths

Excellent for creating deep, mysterious backgrounds or strong brand statements in headers and footers.

#362547 · #5B3C70 · #845FA0

Mystic Glow

Ideal for soft gradients, background textures, or delicate UI elements that evoke a luminous, ethereal feel.

#CFC0DF · #A87BC9 · #845FA0

Elegant Contrast

Suited for balancing strong darks with gentle lights, such as calls to action or emphasized content.

#5B3C70 · #CFC0DF · #362547

CSS variables

:root {
  --amethyst-mystic-grotto-1: #362547;
  --amethyst-mystic-grotto-2: #5B3C70;
  --amethyst-mystic-grotto-3: #845FA0;
  --amethyst-mystic-grotto-4: #A87BC9;
  --amethyst-mystic-grotto-5: #CFC0DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-mystic-grotto": {
        1: "#362547",
        2: "#5B3C70",
        3: "#845FA0",
        4: "#A87BC9",
        5: "#CFC0DF",
      }
    }
  }
}

Related searches

mystical purple color paletteelegant violet schemeamethyst gemstone colorsdark aesthetic UIgrotto inspired design

Palette colors

Hex values

Color 1#362547
·
Color 2#5B3C70
·
Color 3#845FA0
·
Color 4#A87BC9
·
Color 5#CFC0DF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.7:1Fail
4.2:1AA18
8.1:1AAA
2
1.5:1Fail
1.8:1Fail
2.7:1Fail
5.3:1AA
3
2.7:1Fail
1.8:1Fail
1.5:1Fail
3:1Fail
4
4.2:1AA18
2.7:1Fail
1.5:1Fail
1.9:1Fail
5
8.1:1AAA
5.3:1AA
3:1Fail
1.9:1Fail

Similar palettes

More like Amethyst Mystic Grotto

View all cool
Amethyst Cavern Glow
Amethyst Sky
Dusky Orchid Bloom
Geode Crystal Veins
Amethyst Field Dusk
Amethyst Geode Cave