Back to palettes

Palette

Mystic Geode Sparkle

Inspired by the hidden beauty of geodes, with deep purples giving way to sparkling, lighter crystalline forms.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Geode Sparkle 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 Mystic Geode Sparkle.

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

Data visualization

#5E3F6B#8D6DA6#C7B7D3#412A50#AB97C3

Palette guide

How to use Mystic Geode Sparkle

Overview

The "Mystic Geode Sparkle" palette delves into the enigmatic beauty of geodes, featuring deep purples that reveal lighter, crystalline forms. With the profound #412A50 and the rich #5E3F6B, this palette establishes a sophisticated and intriguing base. The lighter, shimmering tones like #8D6DA6, #AB97C3, and #C7B7D3 introduce an element of sparkle and ethereal light, mimicking the inner glow of a gemstone. This collection is perfect for designs that aim to convey luxury, mystery, and a refined, almost magical elegance, ideal for high-end digital and print applications.

Best used for

  • Luxury packaging and high-end product design
  • Mystical or spiritual brand identity
  • Sophisticated website themes and app interfaces
  • Interior design accents for elegant spaces
  • Editorial layouts for fashion or art magazines
  • Gala events and exclusive invitation design

Suggested color roles

primary

Use #412A50 as the deepest, anchoring purple, ideal for impactful headers, primary branding, or dark mode backgrounds to convey profound elegance.

secondary

Employ #5E3F6B for supporting content, subheadings, or large accent areas, offering a rich, complementary depth to the primary hue.

accent

Apply #8D6DA6 or #AB97C3 for highlights, interactive elements, or subtle graphic details, adding a shimmering, lighter touch and visual interest.

background

Utilize #C7B7D3 for a soft, luminous background, allowing the darker purples to create strong contrast and highlight their richness.

text

For dark text on light backgrounds, #412A50 or #5E3F6B offers excellent readability. For text on dark backgrounds, a crisp white or very light grey is recommended.

Accessibility notes

  • Ensure high contrast for text, especially when pairing #C7B7D3 with mid-tone purples like #8D6DA6.
  • For small text, always use the darkest colors like #412A50 or #5E3F6B on the lightest background #C7B7D3.
  • Avoid using #AB97C3 for body text on backgrounds like #C7B7D3 without careful contrast checking.
  • Provide clear focus indicators for interactive elements that stand out against the soft purple tones.

Recommended combinations

Deep Geode Core

Excellent for a luxurious brand statement: profound base, luminous background, and a shimmering accent for key information.

#412A50 · #C7B7D3 · #8D6DA6

Crystal Layering

Ideal for elegant content blocks or layered graphics, combining a rich purple with a lighter, supportive tone and a dark anchor.

#5E3F6B · #AB97C3 · #412A50

Sparkling Veil

Perfect for serene UI elements or delicate illustrations, using a soft, light base with a rich purple for text and a mid-tone accent.

#C7B7D3 · #5E3F6B · #AB97C3

CSS variables

:root {
  --mystic-geode-sparkle-1: #5E3F6B;
  --mystic-geode-sparkle-2: #8D6DA6;
  --mystic-geode-sparkle-3: #C7B7D3;
  --mystic-geode-sparkle-4: #412A50;
  --mystic-geode-sparkle-5: #AB97C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-geode-sparkle": {
        1: "#5E3F6B",
        2: "#8D6DA6",
        3: "#C7B7D3",
        4: "#412A50",
        5: "#AB97C3",
      }
    }
  }
}

Related searches

dark purple geode palettemystical crystal color schemesophisticated purple designelegant UI theme purpleluxury branding colors

Palette colors

Hex values

Color 1#5E3F6B
·
Color 2#8D6DA6
·
Color 3#C7B7D3
·
Color 4#412A50
·
Color 5#AB97C3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.6:1AA
1.4:1Fail
3.3:1AA18
2
2:1Fail
2.3:1Fail
2.9:1Fail
1.6:1Fail
3
4.6:1AA
2.3:1Fail
6.7:1AA
1.4:1Fail
4
1.4:1Fail
2.9:1Fail
6.7:1AA
4.8:1AA
5
3.3:1AA18
1.6:1Fail
1.4:1Fail
4.8:1AA

Similar palettes

More like Mystic Geode Sparkle

View all dark
Ancient Geode Vein
Astral Dream Hues
Celestial Whisper Nebula
Cosmic Bloom
Cosmic Violets
Galactic Starlight Veil