Palette

Geode Amethyst Core

Deep and sparkling purples mirroring the inner glow of an amethyst geode's crystal core.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geode Amethyst Core 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 Amethyst Core.

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

Data visualization

#8A2BE2#6A5ACD#B19CD9#483D8B#C7BFFF

Palette guide

How to use Geode Amethyst Core

Overview

The Geode Amethyst Core palette (version 2) is a rich and vibrant collection of deep purples and lavenders, mirroring the captivating beauty of an amethyst crystal. It features the striking blue-violet #8A2BE2, the elegant slate blue #6A5ACD, and a softer lavender #B19CD9. Grounding these are the deep, majestic #483D8B and the luminous light purple #C7BFFF. This palette exudes elegance and mystique, making it perfect for designs that aim for a luxurious or creative appeal. Designers can use these hues for sophisticated branding, while developers will find them excellent for high-end digital experiences, artistic portfolios, or premium product interfaces.

Best used for

Luxury brand identities and packaging
Creative and artistic portfolio websites
High-end fashion or beauty product designs
Event branding for galas or sophisticated parties
Mystical or fantasy-themed digital art
Premium app interfaces and dashboards

Suggested color roles

primary

#483D8B serves as a deep, anchoring primary color, excellent for headers, footers, or main content areas, providing a sense of luxury.

secondary

#6A5ACD offers a harmonious mid-tone purple-blue, suitable for secondary navigation, subheadings, or background elements.

accent

#8A2BE2 provides a vibrant, eye-catching accent, perfect for call-to-action buttons, key highlights, or interactive elements.

background

#C7BFFF can be used for a lighter, ethereal background, allowing darker elements to pop, or as a subtle pattern base.

text

A light, near-white text (#F8F8F8) or a pale gray is recommended for readability against the darker purples.

Accessibility notes

Ensure sufficient contrast for text on #B19CD9 and #C7BFFF; white text may work but needs verification.
#483D8B and #8A2BE2 require light text (e.g., white or very pale gray) to meet accessibility standards.
Avoid using #C7BFFF for large blocks of body text without a very dark contrast color.
Consider using a contrasting color for interactive elements to indicate their state.

Recommended combinations

Royal Depth

A deep base, a mid-tone, and a light accent, creating a luxurious and layered look.

#483D8B · #6A5ACD · #C7BFFF

Amethyst Glow

Excellent for highlighting elements or creating vibrant visual interest in specific sections.

#8A2BE2 · #B19CD9 · #6A5ACD

Mystic Shimmer

A light background transitioning to deeper tones, suitable for elegant gradients or subtle branding.

#C7BFFF · #B19CD9 · #483D8B

CSS variables

:root {
  --geode-amethyst-core-2-1: #8A2BE2;
  --geode-amethyst-core-2-2: #6A5ACD;
  --geode-amethyst-core-2-3: #B19CD9;
  --geode-amethyst-core-2-4: #483D8B;
  --geode-amethyst-core-2-5: #C7BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-amethyst-core-2": {
        1: "#8A2BE2",
        2: "#6A5ACD",
        3: "#B19CD9",
        4: "#483D8B",
        5: "#C7BFFF",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#6A5ACD

Color 3#B19CD9

Color 4#483D8B

Color 5#C7BFFF

Accessibility

Contrast checker

1.1:1Fail

2.4:1Fail

1.5:1Fail

3.5:1AA18

1.1:1Fail

2.2:1Fail

1.7:1Fail

3.1:1AA18

2.4:1Fail

2.2:1Fail

3.7:1AA18

1.4:1Fail

1.5:1Fail

1.7:1Fail

3.7:1AA18

5.3:1AA

3.5:1AA18

3.1:1AA18

1.4:1Fail

5.3:1AA

Similar palettes

More like Geode Amethyst Core

View all dark

Mystic Garden Bloom

Amethyst Veil Mystique

Baroque Jewel Box

Baroque Tapestry Weave

Baroque Velvet Plum

Blackberry Bramble Luxe