Palette

Crystal Cave Shimmer

Icy blues and deep indigos, mirroring the mysterious depths and glittering facets of a hidden crystal cave.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#ADD8E6#87CEFA#4682B4#191970

Palette guide

How to use Crystal Cave Shimmer

Overview

The Crystal Cave Shimmer palette (ID: crystal-cave-shimmer) plunges into the mysterious depths of an icy crystal cave, offering a captivating gradient of cool blues and deep indigos. This collection ranges from a light Powder Blue (#B0E0E6) and a vibrant Light Sky Blue (#87CEFA) to the grounding Steel Blue (#4682B4) and a profound Midnight Blue (#191970). Designers and developers can utilize these hues to create immersive, elegant, and visually striking digital experiences. It's excellent for luxury branding, futuristic interfaces, or any project that benefits from a sophisticated, cool, and deep aesthetic, ensuring visual depth and a refined, tranquil atmosphere.

Best used for

Luxury yacht or travel branding
Sci-fi game environments
Deep sea exploration themes
Corporate tech websites
Elegant evening wear collections
Sophisticated data dashboards

Suggested color roles

primary

A strong, dominant blue (#4682B4) for main content areas, navigation, or important sections, conveying stability.

secondary

Use Light Sky Blue (#87CEFA) for supporting content, subheadings, or secondary interactive elements, providing a pleasant mid-tone.

accent

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

background

A very light, airy blue (#B0E0E6) that serves as an excellent, spacious backdrop, enhancing the pristine feel.

text

Use Midnight Blue (#191970) or a deep charcoal like #333333 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #191970 and #4682B4.

Accessibility notes

The lightest colors (#B0E0E6, #ADD8E6, #87CEFA) require dark text for readability.
Ensure sufficient contrast when pairing #ADD8E6 with #87CEFA for text.
#191970 and #4682B4 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

Ocean Depths

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

#191970 · #4682B4 · #87CEFA

Icy Shimmer

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

#B0E0E6 · #ADD8E6 · #87CEFA

Glacial Sparkle

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

#4682B4 · #ADD8E6 · #B0E0E6

CSS variables

:root {
  --crystal-cave-shimmer-1: #B0E0E6;
  --crystal-cave-shimmer-2: #ADD8E6;
  --crystal-cave-shimmer-3: #87CEFA;
  --crystal-cave-shimmer-4: #4682B4;
  --crystal-cave-shimmer-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-cave-shimmer": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEFA",
        4: "#4682B4",
        5: "#191970",
      }
    }
  }
}

Hex values

Color 1#B0E0E6

Color 2#ADD8E6

Color 3#87CEFA

Color 4#4682B4

Color 5#191970

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

2.9:1Fail

10.4:1AAA

1.1:1Fail

2.7:1Fail

9.7:1AAA

1.2:1Fail

1.1:1Fail

2.4:1Fail

8.7:1AAA

2.9:1Fail

2.7:1Fail

2.4:1Fail

3.6:1AA18

10.4:1AAA

9.7:1AAA

8.7:1AAA

3.6:1AA18

Similar palettes

More like Crystal Cave Shimmer

Crystal Cave Shimmer

See it in context.

Ready when you are.

Built with Crystal Cave Shimmer.

How to use Crystal Cave Shimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ocean Depths

Icy Shimmer

Glacial Sparkle

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crystal Cave Shimmer