Back to palettes

Palette

Cool Glacier Bloom

Refreshing blues and whites touched by a gentle lavender, like delicate flowers in icy terrain.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cool Glacier Bloom 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 Cool Glacier Bloom.

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

Data visualization

#B0E0E6#ADD8E6#87CEEB#F0FFFF#9370DB

Palette guide

How to use Cool Glacier Bloom

Overview

The Cool Glacier Bloom palette offers a refreshing and serene blend of icy blues, crisp whites, and a touch of delicate purple. With calming blues like #B0E0E6, #ADD8E6, and #87CEEB, combined with the pure #F0FFFF, this palette evokes the tranquil beauty of a glacial landscape. The unexpected pop of #9370DB adds a sophisticated, almost floral accent, reminiscent of resilience in icy terrain. Designers and developers can leverage these hex codes to create clean, elegant, and calming interfaces, branding, or digital art that conveys freshness, purity, and a hint of gentle mystique, perfect for a soothing user experience.

Best used for

  • Spa and wellness brand identities
  • Winter-themed event promotions
  • Jewelry or luxury product websites
  • Environmental conservation initiatives
  • Minimalist interior design concepts
  • Calming meditation app interfaces

Suggested color roles

primary

Use #87CEEB as a refreshing primary color for main content areas or navigation.

secondary

Apply #B0E0E6 for secondary backgrounds, card elements, or subtle accents.

accent

Introduce #9370DB as a sophisticated accent for calls-to-action or highlighted information.

background

The crisp #F0FFFF serves as an excellent clean, airy background for optimal readability.

text

A deep navy (#1F1F47) or charcoal grey (#333333) provides strong contrast on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for all text elements, especially on the lighter blues and white.
  • Text in a dark color on #F0FFFF, #B0E0E6, and #ADD8E6 will generally be highly readable.
  • The deep #9370DB might require white text for proper contrast and visibility.
  • Use a darker shade from the palette or a subtle border to differentiate interactive elements.

Recommended combinations

Icy Fresh

Perfect for clean backgrounds, headers, or subtle layering in minimalist designs.

#F0FFFF · #B0E0E6 · #ADD8E6

Glacial Bloom

Use for striking accents, interactive elements, or a touch of unexpected elegance.

#ADD8E6 · #9370DB · #87CEEB

Serene Waters

Ideal for creating depth in illustrations, background gradients, or section breaks.

#87CEEB · #B0E0E6 · #F0FFFF

CSS variables

:root {
  --cool-glacier-bloom-1: #B0E0E6;
  --cool-glacier-bloom-2: #ADD8E6;
  --cool-glacier-bloom-3: #87CEEB;
  --cool-glacier-bloom-4: #F0FFFF;
  --cool-glacier-bloom-5: #9370DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cool-glacier-bloom": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#F0FFFF",
        5: "#9370DB",
      }
    }
  }
}

Related searches

cool blue white purple paletteglacier inspired color schemesserene icy design colorselegant light blue hex codescalming fresh UI palette

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#F0FFFF
·
Color 5#9370DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.4:1Fail
2.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
2.5:1Fail
3
1.2:1Fail
1.1:1Fail
1.7:1Fail
2.2:1Fail
4
1.4:1Fail
1.5:1Fail
1.7:1Fail
3.7:1AA18
5
2.6:1Fail
2.5:1Fail
2.2:1Fail
3.7:1AA18

Similar palettes

More like Cool Glacier Bloom

View all cool
Glacial Lake
Glacial Lake Serene
Icy Summit Dawn
Silent Winter Frost
Whispering Winter Dawn
Winter Frost Bloom