Back to palettes

Palette

Crystal Geode Depths

Layers of cool purples and lavenders, revealing the hidden beauty within a geode's crystallized core.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5E3D5E#8A5F8A#B38BB3#DCC0DC#F0E0F0

Palette guide

How to use Crystal Geode Depths

Overview

The Crystal Geode Depths palette reveals the hidden beauty within a geode's crystallized core, offering a subtle yet elegant array of cool purples and lavenders. This collection spans from a deep Amethyst (#5E3D5E) and a rich Medium Orchid (#8A5F8A) to a softer Thistle (#B38BB3) and a delicate Lavender (#DCC0DC). The lightest hue, a gentle Lavender Blush (#F0E0F0), provides an ethereal finish. Designers and developers can utilize these hues to create sophisticated, mystical, and visually calming digital experiences. It's excellent for luxury branding, creative portfolios, or any project that benefits from an elegant, understated glow, ensuring depth, visual intrigue, and a refined, tranquil atmosphere.

Best used for

  • High-end jewelry or crystal brands
  • Mystical or spiritual themed websites
  • Creative art and design portfolios
  • Elegant wedding stationery
  • Luxury spa and wellness branding
  • Sophisticated digital illustrations

Suggested color roles

primary

A balanced, central purple (#8A5F8A) for main content areas or foundational backgrounds, offering calm sophistication.

secondary

Use Amethyst (#5E3D5E) for supporting panels, subheadings, or secondary interactive elements, providing a deeper, grounding layer.

accent

The lightest shade (#F0E0F0), perfect for subtle highlights, interactive states, or delicate graphic elements, adding sparkle.

background

A lighter, airy lavender (#DCC0DC) that can serve as a refreshing backdrop, allowing other colors to sparkle.

text

Use Amethyst (#5E3D5E) or a very dark purple like #330066 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #5E3D5E and #8A5F8A.

Accessibility notes

  • The lightest shades (#DCC0DC, #F0E0F0) require dark text for readability.
  • Ensure sufficient contrast when pairing #B38BB3 with #DCC0DC for text.
  • #5E3D5E and #8A5F8A are good for high-contrast text on white or very light backgrounds.
  • Avoid using light text on mid-tones without verifying contrast ratios.

Recommended combinations

Geode Core

Ideal for sophisticated dark mode themes, luxury branding, or deep, contemplative digital spaces.

#5E3D5E · #8A5F8A · #B38BB3

Crystal Veins

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

#F0E0F0 · #DCC0DC · #B38BB3

Mystic Layers

Suitable for creative portfolios, beauty product packaging, or tranquil lifestyle content.

#8A5F8A · #DCC0DC · #F0E0F0

CSS variables

:root {
  --crystal-geode-depths-1: #5E3D5E;
  --crystal-geode-depths-2: #8A5F8A;
  --crystal-geode-depths-3: #B38BB3;
  --crystal-geode-depths-4: #DCC0DC;
  --crystal-geode-depths-5: #F0E0F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-geode-depths": {
        1: "#5E3D5E",
        2: "#8A5F8A",
        3: "#B38BB3",
        4: "#DCC0DC",
        5: "#F0E0F0",
      }
    }
  }
}

Related searches

purple geode paletteamethyst crystal colorselegant lavender schemesubtle mystical designcool purple gradient

Palette colors

Hex values

Color 1#5E3D5E
·
Color 2#8A5F8A
·
Color 3#B38BB3
·
Color 4#DCC0DC
·
Color 5#F0E0F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.5:1AA
7.2:1AAA
2
1.8:1Fail
1.8:1Fail
3.1:1AA18
4.1:1AA18
3
3.1:1AA18
1.8:1Fail
1.7:1Fail
2.3:1Fail
4
5.5:1AA
3.1:1AA18
1.7:1Fail
1.3:1Fail
5
7.2:1AAA
4.1:1AA18
2.3:1Fail
1.3:1Fail

Similar palettes

More like Crystal Geode Depths

View all cool
Geode Crystal Veins
Astral Glow Veil
Crystal Cave Shimmer
Crystal Geode Sparkle
Geode Crystal Glimmer
Amethyst Cavern Glow