Back to palettes

Palette

Geode Crystal Shimmer

A captivating mix of deep purples and blues with subtle hints of grey, inspired by glittering geode interiors.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#483D8B#6A5ACD#8A2BE2#ADD8E6#D8BFD8

Palette guide

How to use Geode Crystal Shimmer

Overview

The Geode Crystal Shimmer palette presents a captivating blend of deep purples and cool blues, reminiscent of a geode's multifaceted interior. It features the profound dark slate blue #483D8B, the elegant medium purple-blue #6A5ACD, and the vibrant blue-violet #8A2BE2. Complementing these are the soft, ethereal light blue #ADD8E6 and the muted lavender-gray #D8BFD8, adding a touch of natural shimmer. This palette is ideal for designs that seek a sophisticated, serene, yet intriguing aesthetic. Designers can leverage these hues for unique branding, while developers will find them excellent for creating engaging digital experiences, artistic interfaces, or calming yet distinct product designs.

Best used for

  • Spiritual or wellness brand identities
  • Abstract art and digital media platforms
  • Unique e-commerce stores for artisanal goods
  • Tech interfaces requiring a sophisticated touch
  • Event branding for creative workshops
  • Interior design concepts with an elegant, cool tone

Suggested color roles

primary

#483D8B serves as a strong, grounding primary color for headers, footers, or main content areas, providing depth and elegance.

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 that need emphasis.

background

#D8BFD8 can be used for a lighter, subtle background, allowing darker elements to pop, or as a textured base.

text

Light text, such as pure white or a very pale gray, is recommended for readability against the darker purples and blues.

Accessibility notes

  • Ensure sufficient contrast for text on #6A5ACD and #8A2BE2; white text may work but needs verification.
  • #483D8B requires light text (e.g., white or #D8BFD8) to meet accessibility standards.
  • Avoid using #ADD8E6 or #D8BFD8 for large blocks of body text without a very dark contrast color.
  • Test contrast ratios carefully for all text and interactive elements.

Recommended combinations

Deep Harmony

A strong dark base, a harmonious mid-tone, and a light accent, creating a sophisticated and balanced look.

#483D8B · #6A5ACD · #D8BFD8

Crystal Blues

Excellent for creating light, airy sections with a subtle cool contrast, ideal for secondary information.

#ADD8E6 · #D8BFD8 · #6A5ACD

Vibrant Accent

A light background with a deep primary and a vibrant accent, perfect for hero sections or prominent features.

#D8BFD8 · #483D8B · #8A2BE2

CSS variables

:root {
  --geode-crystal-shimmer-1: #483D8B;
  --geode-crystal-shimmer-2: #6A5ACD;
  --geode-crystal-shimmer-3: #8A2BE2;
  --geode-crystal-shimmer-4: #ADD8E6;
  --geode-crystal-shimmer-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-crystal-shimmer": {
        1: "#483D8B",
        2: "#6A5ACD",
        3: "#8A2BE2",
        4: "#ADD8E6",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

purple blue palettegeode inspired colorselegant cool schememystic blue purplenatural crystal hues

Palette colors

Hex values

Color 1#483D8B
·
Color 2#6A5ACD
·
Color 3#8A2BE2
·
Color 4#ADD8E6
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.5:1Fail
5.9:1AA
5.3:1AA
2
1.7:1Fail
1.1:1Fail
3.5:1AA18
3.1:1AA18
3
1.5:1Fail
1.1:1Fail
3.9:1AA18
3.5:1AA18
4
5.9:1AA
3.5:1AA18
3.9:1AA18
1.1:1Fail
5
5.3:1AA
3.1:1AA18
3.5:1AA18
1.1:1Fail

Similar palettes

More like Geode Crystal Shimmer

View all earth
Aged Copper Patina
Aged Parchment Study
Ambergris Dream
Ancient Aztec Gold
Ancient Bronze Relic
Ancient Desert Fresco