Back to palettes

Palette

Glacial Blue Ice

Evokes the crisp, serene beauty of frozen landscapes and crystal-clear glacial waters.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Blue Ice 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 Blue Ice.

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

Data visualization

#6A5ACD#4682B4#ADD8E6#E0FFFF#F0F8FF

Palette guide

How to use Glacial Blue Ice

Overview

The Glacial Blue Ice palette evokes the crisp, serene beauty of frozen landscapes and crystal-clear glacial waters, blending sophisticated purples with a range of cool blues. This collection features an elegant slate blue #6A5ACD, a robust steel blue #4682B4, a soft light blue #ADD8E6, a frosty light cyan #E0FFFF, and a pristine alice blue #F0F8FF. Designers can utilize these serene hues to craft brand identities, digital interfaces, or artistic projects that convey calm, purity, and a modern, tranquil aesthetic. Developers will find these hex codes valuable for implementing clean, refreshing UI/UX themes, ensuring a consistent and soothing visual experience across various platforms.

Best used for

  • Luxury spa or wellness retreat branding
  • Winter fashion or jewelry e-commerce
  • Environmental non-profit websites
  • High-tech product interfaces
  • Meditation or mindfulness app design
  • Modern art installations or galleries

Suggested color roles

primary

#6A5ACD or #4682B4 serve as strong, elegant primary colors for headers, navigation, or important elements, conveying sophistication.

secondary

#ADD8E6 works well for subheadings, content sections, or larger elements, offering a soft, tranquil supporting tone.

accent

#E0FFFF can be used for subtle interactive elements or highlights, providing a gentle, frosty contrast.

background

#F0F8FF is an excellent choice for a pristine, bright background, ensuring optimal readability for darker text.

text

For dark text, #6A5ACD or #4682B4 on #F0F8FF provides excellent contrast. For light text on darker backgrounds, white or a very light gray is recommended.

Accessibility notes

  • Ensure #6A5ACD text on #F0F8FF background meets WCAG AA contrast standards.
  • Lighter shades like #ADD8E6 and #E0FFFF will require very dark text for readability.
  • Avoid using #E0FFFF text on #ADD8E6 as contrast will be insufficient.
  • Always test text and interactive element color combinations with a contrast checker for legibility.

Recommended combinations

Icy Depth

Ideal for core website layouts, combining a sophisticated primary with a clean background and a strong secondary.

#6A5ACD · #F0F8FF · #4682B4

Serene Layers

Great for creating subtle gradients or background effects, evoking depth and coolness.

#4682B4 · #ADD8E6 · #E0FFFF

Frost Highlight

Use for clean, readable content sections where a light background meets a sophisticated accent and supporting text.

#F0F8FF · #6A5ACD · #ADD8E6

CSS variables

:root {
  --glacial-blue-ice-1: #6A5ACD;
  --glacial-blue-ice-2: #4682B4;
  --glacial-blue-ice-3: #ADD8E6;
  --glacial-blue-ice-4: #E0FFFF;
  --glacial-blue-ice-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-blue-ice": {
        1: "#6A5ACD",
        2: "#4682B4",
        3: "#ADD8E6",
        4: "#E0FFFF",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

cool blue purple paletteglacial ice aestheticserene winter colorssophisticated blue schemeaquatic calm palette

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#4682B4
·
Color 3#ADD8E6
·
Color 4#E0FFFF
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.5:1AA18
5:1AA
4.9:1AA
2
1.3:1Fail
2.7:1Fail
3.9:1AA18
3.8:1AA18
3
3.5:1AA18
2.7:1Fail
1.4:1Fail
1.4:1Fail
4
5:1AA
3.9:1AA18
1.4:1Fail
1:1Fail
5
4.9:1AA
3.8:1AA18
1.4:1Fail
1:1Fail

Similar palettes

More like Glacial Blue Ice

View all cool