Palette

Crystal Cave Lumina

Reflects the tranquil sparkle of a hidden cave adorned with glistening blue crystals.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8BBEE8#A8DADC#D2F2EF#5F9EA0#4682B4

Palette guide

How to use Crystal Cave Lumina

Overview

The Crystal Cave Lumina palette reflects the tranquil sparkle of a hidden cave adorned with glistening blue crystals, offering a serene and refreshing array of cool tones. This collection features a bright Sky Blue (#8BBEE8) and a crisp Powder Blue (#A8DADC), alongside an ethereal Light Cyan (#D2F2EF). Anchoring these lighter shades are the grounding tones of Cadet Blue (#5F9EA0) and Steel Blue (#4682B4). Designers and developers can utilize these hues to create minimalist, calming, and visually expansive digital experiences. It's excellent for wellness applications, clean branding, or any project that benefits from a serene, airy, and sophisticated aesthetic, conveying purity and tranquility.

Best used for

Minimalist web design
Spa and wellness product branding
Eco-friendly initiatives
Cloud software interfaces
Serene home decor concepts
Winter sports apparel design

Suggested color roles

primary

A solid, foundational blue (#4682B4) for main content areas or structural elements, conveying stability and calm.

secondary

Use Cadet Blue (#5F9EA0) for supporting panels, subheadings, or secondary interactive elements, offering a slightly lighter depth.

accent

The brightest shade (#D2F2EF), perfect for subtle highlights, interactive states, or delicate graphic elements, adding sparkle.

background

A very light, airy blue (#A8DADC) that serves as a clean, expansive backdrop, ensuring maximum spaciousness.

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 and #5F9EA0.

Accessibility notes

The lightest colors (#D2F2EF, #A8DADC) require dark text for readability.
#8BBEE8 is a mid-tone; ensure text on it has sufficient contrast, especially with other blues.
Avoid using light text on #5F9EA0 without careful contrast verification.
#4682B4 is a strong choice for readable text on white or very light backgrounds.

Recommended combinations

Crystal Surface

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

#D2F2EF · #A8DADC · #8BBEE8

Deep Cavern

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

#4682B4 · #5F9EA0 · #8BBEE8

Luminous Grotto

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

#A8DADC · #5F9EA0 · #D2F2EF

CSS variables

:root {
  --crystal-cave-lumina-1: #8BBEE8;
  --crystal-cave-lumina-2: #A8DADC;
  --crystal-cave-lumina-3: #D2F2EF;
  --crystal-cave-lumina-4: #5F9EA0;
  --crystal-cave-lumina-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-cave-lumina": {
        1: "#8BBEE8",
        2: "#A8DADC",
        3: "#D2F2EF",
        4: "#5F9EA0",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#8BBEE8

Color 2#A8DADC

Color 3#D2F2EF

Color 4#5F9EA0

Color 5#4682B4

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

1.5:1Fail

2.1:1Fail

1.3:1Fail

2:1Fail

2.7:1Fail

1.7:1Fail

1.3:1Fail

2.6:1Fail

3.5:1AA18

1.5:1Fail

2:1Fail

2.6:1Fail

1.3:1Fail

2.1:1Fail

2.7:1Fail

3.5:1AA18

1.3:1Fail

Similar palettes

More like Crystal Cave Lumina

Crystal Cave Lumina

See it in context.

Ready when you are.

Built with Crystal Cave Lumina.

How to use Crystal Cave Lumina

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Crystal Surface

Deep Cavern

Luminous Grotto

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crystal Cave Lumina