Palette

Crystal Geode Sparkle

Unveiling the hidden brilliance within a geode, with deep, crystalline colors and dazzling inner light.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#8A2BE2#DDA0DD#E6E6FA

Palette guide

How to use Crystal Geode Sparkle

Overview

The Crystal Geode Sparkle palette (ID: crystal-geode-sparkle-2) unveils the hidden brilliance within a geode, featuring deep, crystalline colors with dazzling inner light. This vibrant collection ranges from a profound Indigo (#4B0082) and a rich Slate Blue (#6A5ACD) to the energetic Blue Violet (#8A2BE2). Softer tones like Plum (#DDA0DD) and Lavender Blush (#E6E6FA) add an ethereal shimmer. Designers and developers can utilize these hues to create captivating, luxurious, and visually dynamic digital experiences. It's excellent for high-end branding, mystical themes, or any project aiming for an elegant, sparkling aesthetic with depth and intrigue, ensuring visual appeal and a touch of magic.

Best used for

Luxury jewelry or crystal brands
Mystical or magical themed websites
High-end event branding
Creative art and design portfolios
Beauty and cosmetics packaging
Sophisticated digital illustrations

Suggested color roles

primary

A strong, dominant blue-purple (#6A5ACD) for main content areas, hero sections, or significant calls to action, conveying elegance.

secondary

A deep, grounding purple (#4B0082) for supporting panels, subheadings, or secondary navigation, adding depth and mystery.

accent

A vibrant, energetic accent (#8A2BE2) for critical alerts, interactive elements, or decorative flourishes, drawing the eye.

background

An airy, near-white base (#E6E6FA) that ensures maximum spaciousness and acts as a pristine canvas for other colors.

text

Use Indigo (#4B0082) or a deep charcoal like #333333 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #4B0082, #6A5ACD, and #8A2BE2.

Accessibility notes

The lightest colors (#DDA0DD, #E6E6FA) require very dark text for readability.
#8A2BE2 and #6A5ACD are vibrant; ensure sufficient contrast with text, especially if using light text.
Avoid using light text on #4B0082 without verifying contrast ratios.
Always check contrast ratios for interactive elements and critical information.

Recommended combinations

Geode Core

Ideal for sophisticated dark mode themes, luxury branding, or dramatic art showcases.

#4B0082 · #6A5ACD · #8A2BE2

Crystal Dust

Excellent for bright, airy website headers, elegant invitations, or serene app interfaces.

#E6E6FA · #DDA0DD · #8A2BE2

Mystic Glow

Suitable for vibrant promotional materials, beauty product packaging, or engaging social media graphics.

#6A5ACD · #DDA0DD · #E6E6FA

CSS variables

:root {
  --crystal-geode-sparkle-2-1: #4B0082;
  --crystal-geode-sparkle-2-2: #6A5ACD;
  --crystal-geode-sparkle-2-3: #8A2BE2;
  --crystal-geode-sparkle-2-4: #DDA0DD;
  --crystal-geode-sparkle-2-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-geode-sparkle-2": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#8A2BE2",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#8A2BE2

Color 4#DDA0DD

Color 5#E6E6FA

Accessibility

Contrast checker

2.4:1Fail

2.2:1Fail

6.3:1AA

10.5:1AAA

2.4:1Fail

1.1:1Fail

2.6:1Fail

4.3:1AA18

2.2:1Fail

1.1:1Fail

2.9:1Fail

4.8:1AA

6.3:1AA

2.6:1Fail

2.9:1Fail

1.7:1Fail

10.5:1AAA

4.3:1AA18

4.8:1AA

1.7:1Fail

Similar palettes

More like Crystal Geode Sparkle

Crystal Cavern Sparkle

Geode Slice

Art Nouveau Iris