Palette

Crisp Arctic Bloom

Clean, crisp blues and whites for an icy arctic landscape at sunrise.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crisp Arctic 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 Crisp Arctic Bloom.

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

Data visualization

#E0FFFF#AFEEEE#B0E0E6#F0FFFF#F8F8FF

Palette guide

How to use Crisp Arctic Bloom

Overview

The Crisp Arctic Bloom palette offers a serene and minimalist aesthetic, drawing inspiration from icy arctic landscapes. Dominated by cool, ethereal tones like Azure (#F0FFFF), Pale Turquoise (#AFEEEE), and Powder Blue (#B0E0E6), it provides a refreshing visual experience. This collection is ideal for projects requiring a sense of purity, tranquility, and spaciousness. Its light, airy nature, further enhanced by shades like Light Cyan (#E0FFFF) and Ghost White (#F8F8FF), makes it perfect for clean user interfaces, subtle branding, or designs aiming for a sophisticated, understated elegance. Developers will find these light values excellent for backgrounds and subtle gradients, ensuring a consistent cool temperature.

Best used for

Minimalist UI design
Winter-themed branding
Healthcare or wellness websites
Clean product packaging
Serene interior design concepts
Digital art with icy themes

Suggested color roles

primary

A gentle, foundational blue (#B0E0E6) for large areas like backgrounds or main sections, establishing a calm and expansive feel.

secondary

Use Pale Turquoise (#AFEEEE) for supporting elements, subheadings, or secondary calls to action, providing a slightly deeper cool tone.

accent

A bright, almost white blue (#E0FFFF), perfect for subtle highlights, interactive states, or delicate graphic elements to add a touch of sparkle.

background

An airy, near-white base (#F8F8FF) that ensures maximum spaciousness and acts as a pristine canvas for other colors.

text

Use a dark charcoal or deep navy for contrast against the very light background, such as #333333 or #000080.

Accessibility notes

Most palette colors are very light; ensure dark text for readability.
#F8F8FF and #F0FFFF will have insufficient contrast with most other palette colors for text.
Use the darker blues (if any were present) or black for text on light backgrounds.
Consider larger font sizes for any text set in lighter palette colors to improve legibility.

Recommended combinations

Icy Calm

Ideal for pristine website headers, clean data visualizations, or serene mobile app interfaces.

#F8F8FF · #B0E0E6 · #AFEEEE

Winter Frost

Excellent for subtle branding elements, elegant invitations, or digital art depicting snow and ice.

#F0FFFF · #AFEEEE · #E0FFFF

Arctic Horizon

Perfect for backgrounds with layered elements, subtle infographics, or minimalist product showcases.

#E0FFFF · #B0E0E6 · #F8F8FF

CSS variables

:root {
  --crisp-arctic-bloom-1: #E0FFFF;
  --crisp-arctic-bloom-2: #AFEEEE;
  --crisp-arctic-bloom-3: #B0E0E6;
  --crisp-arctic-bloom-4: #F0FFFF;
  --crisp-arctic-bloom-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crisp-arctic-bloom": {
        1: "#E0FFFF",
        2: "#AFEEEE",
        3: "#B0E0E6",
        4: "#F0FFFF",
        5: "#F8F8FF",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#AFEEEE

Color 3#B0E0E6

Color 4#F0FFFF

Color 5#F8F8FF

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

1.4:1Fail

1:1Fail

1.3:1Fail

1.4:1Fail

1:1Fail

1.2:1Fail

1.4:1Fail

1:1Fail

Similar palettes

More like Crisp Arctic Bloom

Crisp Arctic Bloom

See it in context.

Ready when you are.

Built with Crisp Arctic Bloom.

How to use Crisp Arctic Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Calm

Winter Frost

Arctic Horizon

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crisp Arctic Bloom