Palette

Polar Ice Bloom

Soft blues and whites capture the surprising, delicate beauty of sparse blooms in the cold arctic tundra.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Polar Ice 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 Polar Ice Bloom.

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

Data visualization

#AADDEE#CCE8F5#F5FBFD#8BBBDD#699ABC

Palette guide

How to use Polar Ice Bloom

Overview

The Polar Ice Bloom palette captures the serene and delicate beauty of an arctic landscape, featuring a harmonious blend of cool blues and pristine whites. This refreshing collection includes a soft sky blue, #AADDEE, a lighter icy blue, #CCE8F5, and an almost-white, #F5FBFD, which together create an airy and expansive feel. Deeper, more grounding blues like #8BBBDD and #699ABC add depth and stability, reminiscent of clear glacial waters. This palette is ideal for designs that aim to convey calmness, purity, and a subtle, natural elegance. It's particularly effective for projects requiring a clean, crisp, and tranquil aesthetic, evoking the quiet strength of nature.

Best used for

Eco-friendly product packaging
Wellness and spa branding
Winter-themed marketing campaigns
Clean technology interfaces
Nature photography portfolios
Serene interior design concepts

Suggested color roles

primary

#699ABC (Deep Ocean Blue) - Use for foundational elements, headers, or as a strong accent to provide depth and anchor the lighter hues.

secondary

#8BBBDD (Glacial Blue) - Ideal for subheadings, navigation, or secondary graphical elements, offering a clear and calming presence.

accent

#AADDEE (Soft Sky Blue) - Best for interactive elements, highlights, or subtle calls-to-action that need a gentle pop without being overpowering.

background

#F5FBFD (Near White) - Provides a clean, bright, and expansive canvas that enhances readability and makes the blue elements stand out crisply.

text

#699ABC (Deep Ocean Blue) - Excellent for primary body text over the light #F5FBFD background, offering good contrast and a cohesive cool tone. A dark gray or black can be used for maximum contrast.

Accessibility notes

Ensure sufficient contrast when using lighter blues for text on #F5FBFD; for body text, stick to darker blues like #699ABC.
#F5FBFD is an excellent background color for readability with darker text.
Avoid using #CCE8F5 or #AADDEE for small text sizes unless on a significantly darker background.
For interactive elements, ensure distinct hover/focus states, perhaps by darkening a lighter blue or using a subtle border.

Recommended combinations

Icy Fresh

A clean and crisp combination for websites or reports, offering high readability and a fresh feel.

#F5FBFD · #699ABC · #AADDEE

Gentle Horizon

Perfect for creating subtle gradients or layered backgrounds, evoking a calm sky or water scene.

#8BBBDD · #CCE8F5 · #AADDEE

Arctic Purity

A strong, balanced trio for branding logos or key visual elements, combining depth with lightness.

#699ABC · #F5FBFD · #8BBBDD

CSS variables

:root {
  --polar-ice-bloom-1: #AADDEE;
  --polar-ice-bloom-2: #CCE8F5;
  --polar-ice-bloom-3: #F5FBFD;
  --polar-ice-bloom-4: #8BBBDD;
  --polar-ice-bloom-5: #699ABC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "polar-ice-bloom": {
        1: "#AADDEE",
        2: "#CCE8F5",
        3: "#F5FBFD",
        4: "#8BBBDD",
        5: "#699ABC",
      }
    }
  }
}

Hex values

Color 1#AADDEE

Color 2#CCE8F5

Color 3#F5FBFD

Color 4#8BBBDD

Color 5#699ABC

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

2.1:1Fail

1.1:1Fail

1.2:1Fail

1.6:1Fail

2.4:1Fail

1.4:1Fail

1.2:1Fail

2:1Fail

2.9:1Fail

1.4:1Fail

1.6:1Fail

2:1Fail

1.5:1Fail

2.1:1Fail

2.4:1Fail

2.9:1Fail

1.5:1Fail

Similar palettes

More like Polar Ice Bloom

Polar Ice Bloom

See it in context.

Ready when you are.

Built with Polar Ice Bloom.

How to use Polar Ice Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Fresh

Gentle Horizon

Arctic Purity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Polar Ice Bloom