Back to palettes

Palette

Crystalline Cavern

The sparkling, cool blues found deep within a hidden cavern, reflecting crystalline formations.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crystalline Cavern 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 Crystalline Cavern.

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

Data visualization

#001C33#2A4B6B#5C7CA6#8EB0CC#D8EFFF

Palette guide

How to use Crystalline Cavern

Overview

The Crystalline Cavern palette captures the sparkling, cool blues found deep within a hidden grotto, reflecting intricate crystalline formations. This elegant collection spans from a profound Dark Sapphire (#001C33) and a rich Steel Blue (#2A4B6B) to the vibrant Cadet Blue (#5C7CA6) and a softer Light Steel Blue (#8EB0CC). A delicate Powder Blue (#D8EFFF) provides an airy, crystalline finish. Designers and developers can leverage these hues to create sophisticated, immersive, and visually compelling digital experiences. It's excellent for luxury branding, corporate websites, or any project that benefits from a deep, elegant, and serene aesthetic, ensuring visual depth and a refined, tranquil atmosphere.

Best used for

  • Luxury travel and resort branding
  • Corporate tech websites
  • Deep sea exploration themes
  • Elegant evening wear fashion
  • Data visualization dashboards
  • Sophisticated tech interfaces

Suggested color roles

primary

A strong, dominant blue (#2A4B6B) for main content areas, hero sections, or significant calls to action, conveying authority.

secondary

Use Cadet Blue (#5C7CA6) for supporting content, subheadings, or secondary interactive elements, providing a vibrant lift.

accent

A deep, powerful accent (#001C33) for critical alerts, important links, or sophisticated graphical details, adding gravitas.

background

The lightest shade (#D8EFFF), perfect for an airy, expansive backdrop, allowing the deeper blues to truly shine.

text

Use Dark Sapphire (#001C33) or a deep charcoal like #333333 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #001C33, #2A4B6B, and #5C7CA6.

Accessibility notes

  • The lightest colors (#8EB0CC, #D8EFFF) require dark text for readability.
  • Ensure sufficient contrast when pairing #5C7CA6 with #8EB0CC for text.
  • #001C33 and #2A4B6B are excellent 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, corporate branding, or powerful data visualizations.

#001C33 · #2A4B6B · #5C7CA6

Crystal Sparkle

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

#D8EFFF · #8EB0CC · #5C7CA6

Grotto Glow

Suitable for refreshing lifestyle content, eco-conscious product designs, or tranquil digital spaces.

#2A4B6B · #8EB0CC · #D8EFFF

CSS variables

:root {
  --crystalline-cavern-1: #001C33;
  --crystalline-cavern-2: #2A4B6B;
  --crystalline-cavern-3: #5C7CA6;
  --crystalline-cavern-4: #8EB0CC;
  --crystalline-cavern-5: #D8EFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystalline-cavern": {
        1: "#001C33",
        2: "#2A4B6B",
        3: "#5C7CA6",
        4: "#8EB0CC",
        5: "#D8EFFF",
      }
    }
  }
}

Related searches

deep blue crystal paletteelegant sapphire blue colorscorporate blue schemesophisticated water designcavern blue gradient

Palette colors

Hex values

Color 1#001C33
·
Color 2#2A4B6B
·
Color 3#5C7CA6
·
Color 4#8EB0CC
·
Color 5#D8EFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4:1AA18
7.6:1AAA
14.6:1AAA
2
1.9:1Fail
2.1:1Fail
4:1AA18
7.6:1AAA
3
4:1AA18
2.1:1Fail
1.9:1Fail
3.6:1AA18
4
7.6:1AAA
4:1AA18
1.9:1Fail
1.9:1Fail
5
14.6:1AAA
7.6:1AAA
3.6:1AA18
1.9:1Fail

Similar palettes

More like Crystalline Cavern

View all cool
Amethyst Geode Cave
Astral Quartz Shimmer
Crystal Cave Shimmer
Crystal Geode Sparkle
Kyanite Luster
Sapphire Geode Shard