Palette

Geode Mineral Luster

A sparkling array of deep purples and rosy accents, mimicking the inner glow of amethyst geodes.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geode Mineral Luster 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 Mineral Luster.

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

Data visualization

#8A2BE2#9400D3#BA55D3#DDA0DD#FFC0CB

Palette guide

How to use Geode Mineral Luster

Overview

The Geode Mineral Luster palette offers a sparkling array of deep purples and rosy accents, expertly mimicking the inner glow of amethyst geodes. This vibrant and mystical color scheme features the striking #8A2BE2 and #9400D3 for intensity, complemented by the softer #BA55D3, #DDA0DD, and #FFC0CB. Designers can leverage this palette to create designs that are both luxurious and playful, from sophisticated web interfaces to captivating marketing materials, ensuring a memorable and enchanting user experience.

Best used for

Jewelry and luxury accessory branding
Beauty and cosmetic product lines
Creative arts and entertainment promotions
Personal branding for artists/influencers
Fantasy or mystical-themed digital art
Event decor for glamorous occasions

Suggested color roles

primary

Use #9400D3 for dominant elements such as main headers or key graphic areas, establishing a strong, luxurious presence.

secondary

Apply #8A2BE2 for supporting sections, subheadings, or background accents, providing depth and continuity.

accent

Highlight interactive elements or call-to-action buttons with #FFC0CB or #DDA0DD for a vibrant, eye-catching contrast.

background

Employ #DDA0DD or #FFC0CB as a light, ethereal background, allowing the deeper purples to truly shine.

text

For optimal readability, use a dark purple like #9400D3 or #8A2BE2 for text on lighter backgrounds, or white/near-white on darker hues.

Accessibility notes

Ensure high contrast when pairing the lighter shades like #FFC0CB with text; always opt for darker purples or black.
The mid-tone #BA55D3 might not provide sufficient contrast for text when used with #DDA0DD; test thoroughly.
For interactive elements using #FFC0CB, ensure a strong contrast ratio against its background for visibility.
Avoid using #DDA0DD text on #FFC0CB backgrounds, as the subtle difference may hinder readability for some users.

Recommended combinations

Amethyst Glow

Deep purple as a base, with a light pink accent, and a mid-tone for supportive elements, creating a regal yet soft look.

#9400D3 · #FFC0CB · #BA55D3

Mystical Sparkle

Excellent for gradients or layered designs, moving from vibrant purple to soft pink, ideal for feminine and mystical themes.

#8A2BE2 · #DDA0DD · #FFC0CB

Dramatic Flair

Combines the two deepest purples for impact, softened by a touch of light lavender for balance and readability.

#9400D3 · #8A2BE2 · #DDA0DD

CSS variables

:root {
  --geode-mineral-luster-1: #8A2BE2;
  --geode-mineral-luster-2: #9400D3;
  --geode-mineral-luster-3: #BA55D3;
  --geode-mineral-luster-4: #DDA0DD;
  --geode-mineral-luster-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-mineral-luster": {
        1: "#8A2BE2",
        2: "#9400D3",
        3: "#BA55D3",
        4: "#DDA0DD",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#9400D3

Color 3#BA55D3

Color 4#DDA0DD

Color 5#FFC0CB

Accessibility

Contrast checker

1.1:1Fail

1.5:1Fail

2.9:1Fail

3.9:1AA18

1.1:1Fail

1.7:1Fail

3.2:1AA18

4.3:1AA18

1.5:1Fail

1.7:1Fail

1.9:1Fail

2.6:1Fail

2.9:1Fail

3.2:1AA18

1.9:1Fail

1.3:1Fail

3.9:1AA18

4.3:1AA18

2.6:1Fail

1.3:1Fail

Similar palettes

More like Geode Mineral Luster

View all vibrant

Amethyst Aura

Crystal Geode Sparkle