Back to palettes

Palette

Geode Crystal Sparkle

The hidden inner beauty of a geode, revealing sparkling crystal formations in a palette of deep jewel tones.

Vibrantelegant5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0DAD#F8F8F8#C0C0C0#008080#DCDCDC

Palette guide

How to use Geode Crystal Sparkle

Overview

The Geode Crystal Sparkle palette is a striking collection that combines deep jewel tones with crisp neutrals, mirroring the dramatic contrast found within a geode. It features the vibrant deep purple #6A0DAD and a rich teal #008080, balanced by the bright, near-white #F8F8F8, a classic silver #C0C0C0, and a soft light gray #DCDCDC. This palette exudes elegance and a modern, high-contrast feel, making it perfect for designs that aim for sophistication and visual impact. Designers can use these hues for luxury branding, while developers will find them excellent for creating dynamic digital experiences, premium interfaces, or artistic showcases.

Best used for

  • Luxury jewelry or fashion e-commerce
  • High-tech product launches and branding
  • Artistic and creative portfolio websites
  • Event branding for galas or exclusive parties
  • Modern interior design concepts
  • Premium app interfaces with strong visual hierarchy

Suggested color roles

primary

#6A0DAD serves as a powerful primary color, excellent for headers, call-to-action elements, or key branding, commanding attention.

secondary

#008080 provides a rich, contrasting jewel tone, ideal for secondary accents, interactive elements, or complementary sections.

accent

The vibrant #6A0DAD or #008080 can both serve as strong accents against the neutral background, drawing focus effectively.

background

#F8F8F8 offers a clean, bright, and expansive background, ensuring excellent readability and a modern aesthetic.

text

A strong contrast is key; use black or a dark charcoal for body text, or #6A0DAD for headings on light backgrounds.

Accessibility notes

  • #6A0DAD and #008080 require light text (e.g., #F8F8F8) for readability and WCAG AA compliance.
  • Ensure black or very dark gray text is used on #F8F8F8, #C0C0C0, and #DCDCDC for sufficient contrast.
  • Avoid using #C0C0C0 or #DCDCDC as backgrounds for light-colored text without careful contrast checking.
  • Use #6A0DAD or #008080 for larger headings if the background is light.

Recommended combinations

Jewel & Silver

A strong jewel tone, a metallic neutral, and a bright background for elegant, high-contrast designs.

#6A0DAD · #C0C0C0 · #F8F8F8

Teal Sparkle

Excellent for highlighting sections or creating a refreshing accent against a clean neutral base.

#008080 · #DCDCDC · #F8F8F8

Dynamic Contrast

Ideal for clean interfaces with a bright background, subtle separation, and a powerful accent color.

#F8F8F8 · #C0C0C0 · #6A0DAD

CSS variables

:root {
  --geode-crystal-sparkle-1: #6A0DAD;
  --geode-crystal-sparkle-2: #F8F8F8;
  --geode-crystal-sparkle-3: #C0C0C0;
  --geode-crystal-sparkle-4: #008080;
  --geode-crystal-sparkle-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-crystal-sparkle": {
        1: "#6A0DAD",
        2: "#F8F8F8",
        3: "#C0C0C0",
        4: "#008080",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

jewel tone color paletteelegant purple tealgeode inspired schememodern high contrast colorssparkling crystal design

Palette colors

Hex values

Color 1#6A0DAD
·
Color 2#F8F8F8
·
Color 3#C0C0C0
·
Color 4#008080
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
8.7:1AAA
5.1:1AA
1.9:1Fail
6.7:1AA
2
8.7:1AAA
1.7:1Fail
4.5:1AA18
1.3:1Fail
3
5.1:1AA
1.7:1Fail
2.6:1Fail
1.3:1Fail
4
1.9:1Fail
4.5:1AA18
2.6:1Fail
3.5:1AA18
5
6.7:1AA
1.3:1Fail
1.3:1Fail
3.5:1AA18

Similar palettes

More like Geode Crystal Sparkle

View all Vibrant
Sapphire Geode Shard
Azure Sapphire Gleam
Geode Amethyst Core
Midnight Geode Crystal
Mineral Vein Radiance
Regal Amethyst Velvet