Back to palettes

Palette

Geode Crystal Glimmer

Deep, vibrant purples and shimmering lilacs, reflecting the hidden beauty within a geode crystal.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geode Crystal Glimmer 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 Geode Crystal Glimmer.

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

Data visualization

#2A0A4A#5A1A9A#8A3AD4#C388E9#E1C7F5

Palette guide

How to use Geode Crystal Glimmer

Overview

The Geode Crystal Glimmer palette captures the dazzling inner world of a geode with its spectrum of deep to light purples. This collection features the profound #2A0A4A, a rich violet #5A1A9A, and the vibrant #8A3AD4. Complementing these are the shimmering medium purple #C388E9 and the ethereal light lavender #E1C7F5, which evoke a sparkling, crystalline effect. This palette is perfect for designs that aim for a magical, luxurious, or creative aesthetic. Designers can use these hues for sophisticated branding, while developers will find them excellent for high-impact digital experiences, artistic interfaces, or premium product showcases.

Best used for

  • Luxury fashion and beauty branding
  • Creative and artistic digital portfolios
  • Mystical or fantasy-themed game interfaces
  • Elegant event and wedding invitations
  • High-tech product interfaces
  • Abstract digital art and illustrations

Suggested color roles

primary

#2A0A4A provides a deep, commanding primary color for backgrounds, headers, or main content blocks, exuding sophistication.

secondary

#5A1A9A offers a rich, vibrant violet, suitable for secondary navigation, subheadings, or prominent graphical elements.

accent

#8A3AD4 serves as a brilliant accent, perfect for call-to-action buttons, key highlights, or interactive elements that need to pop.

background

#E1C7F5 creates a very light, ethereal background, allowing darker purples to shimmer and providing excellent contrast for dark text.

text

White or a very light gray (#F8F8F8) is essential for readability against the darker purples.

Accessibility notes

  • Text on #2A0A4A, #5A1A9A, and #8A3AD4 must be light (e.g., white or #E1C7F5) for optimal contrast.
  • Ensure #C388E9 provides sufficient contrast for white text if used as a background for headings.
  • Avoid using #E1C7F5 for body text; it's best for backgrounds or very large, dark headings.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Deep Sparkle

A powerful dark base, a vibrant mid-tone, and a shimmering light accent for dramatic contrast.

#2A0A4A · #5A1A9A · #E1C7F5

Crystal Layers

Excellent for creating depth and visual interest in UI elements, like cards or banners.

#8A3AD4 · #C388E9 · #5A1A9A

Glimmering Fade

Ideal for background gradients or subtle branding elements that transition from light to vibrant.

#E1C7F5 · #C388E9 · #8A3AD4

CSS variables

:root {
  --geode-crystal-glimmer-1: #2A0A4A;
  --geode-crystal-glimmer-2: #5A1A9A;
  --geode-crystal-glimmer-3: #8A3AD4;
  --geode-crystal-glimmer-4: #C388E9;
  --geode-crystal-glimmer-5: #E1C7F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-crystal-glimmer": {
        1: "#2A0A4A",
        2: "#5A1A9A",
        3: "#8A3AD4",
        4: "#C388E9",
        5: "#E1C7F5",
      }
    }
  }
}

Related searches

deep purple gem palettesparkling violet colorsmystic crystal schemeelegant purple uiluxury amethyst design

Palette colors

Hex values

Color 1#2A0A4A
·
Color 2#5A1A9A
·
Color 3#8A3AD4
·
Color 4#C388E9
·
Color 5#E1C7F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
6.5:1AA
11:1AAA
2
1.7:1Fail
1.8:1Fail
3.9:1AA18
6.7:1AA
3
2.9:1Fail
1.8:1Fail
2.2:1Fail
3.8:1AA18
4
6.5:1AA
3.9:1AA18
2.2:1Fail
1.7:1Fail
5
11:1AAA
6.7:1AA
3.8:1AA18
1.7:1Fail

Similar palettes

More like Geode Crystal Glimmer

View all cool