Palette

Ancient Geode Vein

The deep, rich purples found within ancient geodes, revealing hidden beauty and crystallized mystique.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Geode Vein 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 Ancient Geode Vein.

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

Data visualization

#8B008B#9400D3#8A2BE2#BA55D3#DDA0DD

Palette guide

How to use Ancient Geode Vein

Overview

The Ancient Geode Vein palette reveals the deep, rich purples found within ancient geodes, showcasing hidden beauty and crystallized mystique. This luxurious collection ranges from the intense #8B008B to the royal #9400D3, and the vibrant #8A2BE2. Lighter, more delicate tones like #BA55D3 and #DDA0DD evoke the shimmering facets of amethyst crystals. It's an excellent choice for designs that aim to convey elegance, mystery, and a touch of opulence. Designers will find this palette perfect for creating sophisticated and captivating user interfaces, and developers can easily integrate these harmonious hex codes for a consistent and visually striking digital presence.

Best used for

Luxury jewelry brand websites
Mystical or fantasy-themed designs
High-end event invitations
Cosmetic or beauty product branding
Spiritual or wellness applications
Abstract digital art

Suggested color roles

primary

#8B008B - A deep, intense magenta-purple, ideal for foundational elements, headers, or establishing a luxurious, mysterious mood.

secondary

#9400D3 - A rich, royal purple, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

#BA55D3 - A vibrant, medium purple that can highlight key information, interactive elements, or add a touch of playful elegance.

background

#DDA0DD - A light, delicate lavender-purple, providing a soft, expansive, and calming backdrop. Ideal for main content areas and readability.

text

#8A2BE2 - This vibrant purple can be used for secondary text or subtle accents on very light backgrounds. For primary body text on light backgrounds, a dark charcoal or deep plum would be recommended for optimal contrast and accessibility.

Accessibility notes

Ensure sufficient contrast for #8A2BE2 text on #DDA0DD or similar light backgrounds (WCAG AA/AAA).
Text in #8B008B should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
Avoid using #BA55D3 for small text on similar mid-tone backgrounds without careful checking.
Be mindful of color-blind accessibility with this largely monochromatic purple palette; provide alternative visual cues.

Recommended combinations

Royal Amethyst

Creates a strong, luxurious, and mysterious base for hero sections or main navigation.

#8B008B · #9400D3 · #DDA0DD

Crystal Vein

Ideal for clean, readable content areas with an ethereal, sparkling feel, evoking geode interiors.

#DDA0DD · #BA55D3 · #8B008B

Mystic Glow

Perfect for subtle graphical details, borders, or secondary information, maintaining an elegant aesthetic.

#8A2BE2 · #9400D3 · #BA55D3

CSS variables

:root {
  --ancient-geode-vein-1: #8B008B;
  --ancient-geode-vein-2: #9400D3;
  --ancient-geode-vein-3: #8A2BE2;
  --ancient-geode-vein-4: #BA55D3;
  --ancient-geode-vein-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-geode-vein": {
        1: "#8B008B",
        2: "#9400D3",
        3: "#8A2BE2",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#8B008B

Color 2#9400D3

Color 3#8A2BE2

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

1.3:1Fail

1.4:1Fail

2.2:1Fail

4.1:1AA18

1.3:1Fail

1.1:1Fail

1.7:1Fail

3.2:1AA18

1.4:1Fail

1.1:1Fail

1.5:1Fail

2.9:1Fail

2.2:1Fail

1.7:1Fail

1.5:1Fail

1.9:1Fail

4.1:1AA18

3.2:1AA18

2.9:1Fail

1.9:1Fail

Similar palettes

More like Ancient Geode Vein

View all dark

Celestial Whisper Nebula

Cosmic Bloom

Cosmic Violets

Mystic Geode Sparkle

Amethyst Veil Mystique

Astral Dream Hues