Back to palettes

Palette

Morning Ice Bloom

Delicate, frosty blues and whites evoking the serene and sparkling beauty of ice blooms in early morning light.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#ADD8E6#B0E0E6#7DDCDC#A4E8F2

Palette guide

How to use Morning Ice Bloom

Overview

The Morning Ice Bloom palette offers a tranquil collection of frosty blues and near-whites, perfect for evoking a sense of calm and purity. Centered around the ethereal #E0FFFF, this palette introduces gentle cool tones like #ADD8E6 and #B0E0E6, which provide subtle depth. The slightly more vibrant #7DDCDC and #A4E8F2 add a refreshing crispness, reminiscent of early morning light on a winter landscape. Designers and developers seeking a clean, minimalist aesthetic will find this palette ideal for creating serene user interfaces, elegant branding, or sophisticated digital experiences that require a touch of delicate freshness. Its cool, understated nature promotes a feeling of clarity and spaciousness.

Best used for

  • Spa and wellness brand identity
  • Minimalist website and app UI/UX
  • Winter-themed event invitations and decor
  • Medical or healthcare design concepts
  • Eco-friendly product packaging
  • Clean, modern portfolio websites

Suggested color roles

primary

#ADD8E6 - A soft, inviting blue that serves as a gentle main color for headings or primary UI elements, providing warmth without losing coolness.

secondary

#B0E0E6 - Extremely close to the primary, this shade can be used for subtle variations in background elements or secondary branding, maintaining cohesion.

accent

#7DDCDC - A slightly deeper, more vibrant aqua-blue perfect for calls-to-action, active states, or small illustrative details to add a refreshing pop.

background

#E0FFFF - An ethereal, near-white base that ensures a clean, airy canvas, making content feel light and spacious.

text

For optimal readability against #E0FFFF, a dark charcoal like #333333 or deep navy such as #1A2E3D is recommended, ensuring strong contrast.

Accessibility notes

  • Ensure sufficient contrast when using #ADD8E6 or #B0E0E6 for text on #E0FFFF; darker text is almost always required.
  • Verify that interactive elements colored with #7DDCDC meet WCAG contrast guidelines against #E0FFFF or #ADD8E6.
  • Avoid placing light blue text (e.g., #A4E8F2) directly on a similar light blue background without significant contrast.
  • For critical information, supplement color cues with icons or text labels, as color differentiation can be subtle within this palette.

Recommended combinations

Frosty Serenity

Ideal for clean web layouts: #E0FFFF as background, #ADD8E6 for headers/sections, and #7DDCDC for interactive elements or accents.

#E0FFFF · #ADD8E6 · #7DDCDC

Cool Depths

Creates a layered, subtle cool gradient effect for data visualizations, abstract backgrounds, or soft brand illustrations.

#B0E0E6 · #A4E8F2 · #7DDCDC

Ethereal Glow

Perfect for delicate UI components, hover states, or subtle brand elements that require a very light and airy feel.

#E0FFFF · #A4E8F2 · #ADD8E6

CSS variables

:root {
  --morning-ice-bloom-1: #E0FFFF;
  --morning-ice-bloom-2: #ADD8E6;
  --morning-ice-bloom-3: #B0E0E6;
  --morning-ice-bloom-4: #7DDCDC;
  --morning-ice-bloom-5: #A4E8F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-ice-bloom": {
        1: "#E0FFFF",
        2: "#ADD8E6",
        3: "#B0E0E6",
        4: "#7DDCDC",
        5: "#A4E8F2",
      }
    }
  }
}

Related searches

cool blue color schemewinter design palettefrosty web colorsserene ui colorslight pastel blue palette

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#ADD8E6
·
Color 3#B0E0E6
·
Color 4#7DDCDC
·
Color 5#A4E8F2
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Ice Bloom

View all cool
Winter Ice Bloom
Winter Sky Glacier
Winter Solstice Frost
Winter Wonderland Frost
Alpine Frost Serenity
Alpine Ice Glimmer