Palette

Mystic Geode Core

Reflects the deep, sparkling layers within an amethyst geode, shimmering with hidden light.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#DA70D6#E0B0FF#F8F8FF

Palette guide

How to use Mystic Geode Core

Overview

The "Mystic Geode Core" palette captures the exquisite beauty of an amethyst geode, showcasing deep purples that transition to sparkling, ethereal lights. Featuring the royal #4B0082, the vibrant #8A2BE2, and the delicate #DA70D6, this palette is infused with a sense of wonder and refined elegance. The inclusion of the soft #E0B0FF and the near-white #F8F8FF adds a shimmering, crystalline quality, perfect for designs that aim to feel precious and luminous. This collection is ideal for creating sophisticated, high-end visuals that convey luxury, mystery, and a touch of magic.

Best used for

Luxury jewelry brand identity and product showcases
High-end spiritual or wellness product packaging
Elegant wedding stationery and event branding
Cosmetics and beauty brand visual identity
Creative portfolios and artistic web design
App interfaces requiring an ethereal, polished aesthetic

Suggested color roles

primary

Utilize #4B0082 as the anchoring deep purple, perfect for bold headlines, brand logos, or large sections to establish a sense of luxury and depth.

secondary

Employ #8A2BE2 for supporting content, subheadings, or interactive elements, offering a vibrant yet refined counterpoint to the primary shade.

accent

Apply #DA70D6 for striking accents, calls to action, or delicate highlights, providing a luminous and captivating focal point.

background

Use #F8F8FF for a clean, near-white base, allowing the rich purples to pop, or #E0B0FF for a soft, ethereal background with a subtle purple tint.

text

For dark text on light backgrounds, #4B0082 or #8A2BE2 provides excellent readability. For text on dark backgrounds, a crisp white or #F8F8FF ensures strong contrast.

Accessibility notes

Ensure sufficient contrast between #4B0082 text and #F8F8FF backgrounds for WCAG AA compliance.
Exercise caution when using #DA70D6 or #E0B0FF for small text, especially on similar light backgrounds; opt for larger font sizes.
Verify that #8A2BE2 text on #F8F8FF backgrounds meets readability standards for body copy.
When using #E0B0FF as a background, ensure darker text colors like #4B0082 are used for critical information.

Recommended combinations

Amethyst Depth

Ideal for a bold brand statement: deep primary, clean background, and a vibrant pink-purple accent for key elements.

#4B0082 · #F8F8FF · #DA70D6

Geode Shimmer

Great for ethereal backgrounds or layered graphics, combining a vibrant purple with a soft, sparkling base and a dark anchor.

#8A2BE2 · #E0B0FF · #4B0082

Crystal Light

Perfect for clean UI elements or delicate illustrations, using a near-white background with a mid-tone purple for text and a luminous accent.

#F8F8FF · #DA70D6 · #E0B0FF

CSS variables

:root {
  --mystic-geode-core-1: #4B0082;
  --mystic-geode-core-2: #8A2BE2;
  --mystic-geode-core-3: #DA70D6;
  --mystic-geode-core-4: #E0B0FF;
  --mystic-geode-core-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-geode-core": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#DA70D6",
        4: "#E0B0FF",
        5: "#F8F8FF",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#DA70D6

Color 4#E0B0FF

Color 5#F8F8FF

Accessibility

Contrast checker

2.2:1Fail

4.5:1AA18

7.3:1AAA

12.2:1AAA

2.2:1Fail

2.1:1Fail

3.4:1AA18

5.6:1AA

4.5:1AA18

2.1:1Fail

1.6:1Fail

2.7:1Fail

7.3:1AAA

3.4:1AA18

1.6:1Fail

1.7:1Fail

12.2:1AAA

5.6:1AA

2.7:1Fail

1.7:1Fail

Similar palettes

More like Mystic Geode Core

View all cool

Amethyst Geode Sparkle

Amethyst Cavern Glow

Amethyst Geode Cave

Amethyst Mystic Grotto

Astral Quartz Shimmer

Celestial Echo Nebula