Back to palettes

Palette

Glacial Crystal Cave

A crisp and icy palette reflecting the pristine, shimmering beauty of a frozen cave.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#B0E0E6#C0D6E6#DDEEFF#AEEEEE

Palette guide

How to use Glacial Crystal Cave

Overview

The Glacial Crystal Cave palette presents a crisp and icy collection of light blues, embodying the pristine, shimmering beauty of a frozen cavern. With shades like the soft #ADD8E6, fresh #B0E0E6, cool #C0D6E6, airy #DDEEFF, and vibrant #AEEEEE, this palette is inherently clean and refreshing. Designers can create minimalist and elegant interfaces that feel expansive and pure, while developers will appreciate the subtle variations for crafting sophisticated, light-themed applications. It's an excellent choice for projects that aim for a delicate, serene, and utterly clear aesthetic, reflecting pure ice and light.

Best used for

  • Minimalist branding and websites
  • Spa and wellness industry design
  • Winter event promotional materials
  • Medical or scientific interfaces
  • Delicate product packaging
  • Clean and modern digital art

Suggested color roles

primary

Use #ADD8E6 as the most saturated primary color for key headings or important UI elements, providing a gentle anchor.

secondary

Employ #B0E0E6 for supporting information, sub-sections, or subtle graphic details, maintaining the palette's light feel.

accent

Apply #AEEEEE sparingly for fresh highlights, interactive states, or small icons to add a subtle, invigorating sparkle.

background

Utilize #DDEEFF as the main background color, offering an incredibly light, airy, and expansive canvas that enhances clarity.

text

For optimal readability, use a dark charcoal or deep navy for all body text, ensuring a strong contrast against the light blue backgrounds.

Accessibility notes

  • With many light colors, contrast is paramount. Always use dark text (black or charcoal) on all background colors.
  • Avoid using light blues for text on other light blues, as contrast will likely be insufficient.
  • Ensure interactive elements, even subtle ones, have enough contrast to be clearly distinguishable.
  • When using #DDEEFF as a background, ensure text color is dark enough to meet WCAG AA standards.

Recommended combinations

Clear & Crisp

Creates a bright, clean layout with subtle depth and a refreshing highlight.

#DDEEFF · #ADD8E6 · #AEEEEE

Soft Blue Blend

Excellent for smooth, harmonious gradients or layered elements that require subtle variation.

#C0D6E6 · #B0E0E6 · #ADD8E6

Crystal Highlights

Ideal for a very light theme where the accent provides a delicate, shimmering touch.

#DDEEFF · #C0D6E6 · #AEEEEE

CSS variables

:root {
  --glacial-crystal-cave-1: #ADD8E6;
  --glacial-crystal-cave-2: #B0E0E6;
  --glacial-crystal-cave-3: #C0D6E6;
  --glacial-crystal-cave-4: #DDEEFF;
  --glacial-crystal-cave-5: #AEEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-crystal-cave": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#C0D6E6",
        4: "#DDEEFF",
        5: "#AEEEEE",
      }
    }
  }
}

Related searches

light blue color schemeicy cool paletteminimalist blue designpristine web colorswinter crystal theme

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#C0D6E6
·
Color 4#DDEEFF
·
Color 5#AEEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.3:1Fail
1.2:1Fail
2
1.1:1Fail
1:1Fail
1.2:1Fail
1.1:1Fail
3
1:1Fail
1:1Fail
1.3:1Fail
1.2:1Fail
4
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.1:1Fail
5
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Glacial Crystal Cave

View all cool