Back to palettes

Palette

Crystal Cave Shimmer

Glistening, clear blues and whites evoking the cool, pristine beauty of an ice crystal cave.

coolelegant5 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

#B2DFEE#87CEEB#4682B4#E0FFFF#AFEEEE

Palette guide

How to use Crystal Cave Shimmer

Overview

The Crystal Cave Shimmer palette (ID: crystal-cave-shimmer-2) evokes the pristine beauty and glistening depths of an ice crystal cave, offering a cool, refreshing array of blues and near-whites. Featuring light Powder Blue (#B2DFEE), a vibrant Sky Blue (#87CEEB), and a grounding Steel Blue (#4682B4), it provides a sense of depth and clarity. The inclusion of Light Cyan (#E0FFFF) and Pale Turquoise (#AFEEEE) further enhances its ethereal quality. Designers and developers will find these hues excellent for creating clean, elegant, and expansive digital experiences. It's ideal for luxury branding, serene interfaces, or any project aiming for a sophisticated, icy aesthetic with a touch of magic.

Best used for

  • Luxury brand websites
  • Winter-themed marketing
  • High-tech product interfaces
  • Serene aquatic designs
  • Elegant wedding stationery
  • Clean and minimalist UI

Suggested color roles

primary

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

secondary

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

accent

A bright, almost white blue (#E0FFFF) for subtle highlights, interactive states, or delicate graphic elements, adding shimmer.

background

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

text

Use Steel Blue (#4682B4) or a deep navy like #000080 for dark text on lighter palette colors. White text (#FFFFFF) works well on #4682B4.

Accessibility notes

  • The lightest colors (#E0FFFF, #B2DFEE, #AFEEEE) require dark text for readability.
  • #87CEEB may have insufficient contrast with #B2DFEE for text.
  • Avoid using light text on #4682B4 without verifying contrast ratios.
  • Always check contrast ratios for interactive elements and critical information.

Recommended combinations

Ice Formations

Ideal for clean website headers, ethereal digital art, or serene app interfaces.

#E0FFFF · #B2DFEE · #87CEEB

Deep Glacier

Excellent for robust branding, deep background elements, or sophisticated data visualizations.

#4682B4 · #87CEEB · #AFEEEE

Arctic Sparkle

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

#B2DFEE · #AFEEEE · #E0FFFF

CSS variables

:root {
  --crystal-cave-shimmer-2-1: #B2DFEE;
  --crystal-cave-shimmer-2-2: #87CEEB;
  --crystal-cave-shimmer-2-3: #4682B4;
  --crystal-cave-shimmer-2-4: #E0FFFF;
  --crystal-cave-shimmer-2-5: #AFEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-cave-shimmer-2": {
        1: "#B2DFEE",
        2: "#87CEEB",
        3: "#4682B4",
        4: "#E0FFFF",
        5: "#AFEEEE",
      }
    }
  }
}

Related searches

icy blue white palettepristine crystal colorselegant cool blue schemewinter shimmer designclear water tones

Palette colors

Hex values

Color 1#B2DFEE
·
Color 2#87CEEB
·
Color 3#4682B4
·
Color 4#E0FFFF
·
Color 5#AFEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.9:1Fail
1.4:1Fail
1.1:1Fail
2
1.2:1Fail
2.4:1Fail
1.7:1Fail
1.4:1Fail
3
2.9:1Fail
2.4:1Fail
3.9:1AA18
3.2:1AA18
4
1.4:1Fail
1.7:1Fail
3.9:1AA18
1.2:1Fail
5
1.1:1Fail
1.4:1Fail
3.2:1AA18
1.2:1Fail

Similar palettes

More like Crystal Cave Shimmer

View all cool