Back to palettes

Palette

Crystal Cave Glow

Shimmering depths of a magical crystal cave, with luminescent greens and cool blues.

CoolElegant5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crystal Cave Glow 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 Cave Glow.

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

Data visualization

#173C3C#2E6262#498E8E#7EC0C0#A5DADA

Palette guide

How to use Crystal Cave Glow

Overview

The Crystal Cave Glow palette captures the mesmerizing depths and luminescent quality of a magical crystal cavern, offering a cool, elegant gradient of teal and aqua tones. This collection spans from a deep, mysterious Dark Teal (#173C3C) to a bright, shimmering Aqua Green (#A5DADA), including balanced shades like Cadet Blue (#498E8E) and Medium Aquamarine (#7EC0C0). Designers and developers can harness these hues to create captivating, serene, and sophisticated digital experiences. It's particularly effective for luxury branding, futuristic interfaces, or any project aiming for an elegant, ethereal glow, ensuring visual depth and a refined, tranquil atmosphere.

Best used for

  • Luxury spa or resort branding
  • Futuristic tech interfaces
  • Underwater exploration themes
  • Elegant jewelry websites
  • Mystical digital art
  • Serene meditation apps

Suggested color roles

primary

A balanced, central teal (#498E8E) for main content areas or foundational backgrounds, offering calm sophistication.

secondary

Use Dark Cyan (#2E6262) for supporting panels, subheadings, or secondary interactive elements, providing a deeper, grounding layer.

accent

A bright, shimmering accent (#A5DADA) for interactive elements, highlights, or delicate graphical details, adding a touch of magic.

background

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

text

Use Dark Teal (#173C3C) or a deep navy like #000080 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #173C3C, #2E6262, and #498E8E.

Accessibility notes

  • The lighter shades (#7EC0C0, #A5DADA) require dark text for readability.
  • Ensure sufficient contrast when pairing #498E8E with #7EC0C0 for text.
  • #173C3C and #2E6262 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

Cavern Depths

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

#173C3C · #2E6262 · #498E8E

Crystal Sparkle

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

#A5DADA · #7EC0C0 · #498E8E

Luminescent Grotto

Suitable for futuristic interfaces, mystical art showcases, or refreshing brand identities.

#2E6262 · #7EC0C0 · #A5DADA

CSS variables

:root {
  --crystal-cave-glow-1: #173C3C;
  --crystal-cave-glow-2: #2E6262;
  --crystal-cave-glow-3: #498E8E;
  --crystal-cave-glow-4: #7EC0C0;
  --crystal-cave-glow-5: #A5DADA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-cave-glow": {
        1: "#173C3C",
        2: "#2E6262",
        3: "#498E8E",
        4: "#7EC0C0",
        5: "#A5DADA",
      }
    }
  }
}

Related searches

teal green blue palettecrystal cave colorselegant cool tonesshimmering aqua schemeserene magical design

Palette colors

Hex values

Color 1#173C3C
·
Color 2#2E6262
·
Color 3#498E8E
·
Color 4#7EC0C0
·
Color 5#A5DADA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.8:1AA
7.8:1AAA
2
1.7:1Fail
1.8:1Fail
3.4:1AA18
4.5:1AA18
3
3.2:1AA18
1.8:1Fail
1.8:1Fail
2.5:1Fail
4
5.8:1AA
3.4:1AA18
1.8:1Fail
1.3:1Fail
5
7.8:1AAA
4.5:1AA18
2.5:1Fail
1.3:1Fail

Similar palettes

More like Crystal Cave Glow

View all Cool
Amethyst Cavern Glow
Ancient Temple Jade
Cosmic Dust Trail
Crystal Depths
Emerald City Glamour
Moonlit Ocean Glow