Back to palettes

Palette

Arctic River Ice

The crisp, clear expanse of an arctic river, reflecting frozen banks and pale skies.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic River 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 Arctic River Ice.

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

Data visualization

#B2DFEE#A6DCEB#C0E0F0#87CEEB#D9EFF5

Palette guide

How to use Arctic River Ice

Overview

The Arctic River Ice palette evokes the crisp, clear expanse of a frozen river, offering a serene and exceptionally light blue spectrum. Dominated by pale, airy tones like #B2DFEE and #A6DCEB, it features the slightly more muted #C0E0F0, a classic sky blue #87CEEB, and an almost white #D9EFF5. This collection of near-monochromatic blues is perfect for designs requiring a sense of purity, lightness, and vastness. Developers and designers can leverage this palette to create minimalistic interfaces, soft branding, or backgrounds that convey a fresh, ethereal quality, ideal for conveying calm and openness without overwhelming the user.

Best used for

  • Minimalist website designs
  • Cloud service dashboards
  • Baby product branding
  • Winter-themed digital art
  • Clean, airy user interfaces
  • Environmental awareness campaigns

Suggested color roles

primary

Utilize the slightly deeper #87CEEB for key headings or primary interactive elements, offering the most visual weight in this light palette.

secondary

The soft #B2DFEE can be used for secondary information or subtle design elements, maintaining the overall light aesthetic.

accent

Introduce #A6DCEB or #C0E0F0 for hover states or delicate highlights, ensuring they stand out subtly against lighter backgrounds.

background

The nearly white #D9EFF5 provides an excellent pristine, expansive background, creating a sense of purity and calm.

text

For text, a dark charcoal or black is recommended against any of these light colors. Alternatively, use #87CEEB for subtle accents on #D9EFF5.

Accessibility notes

  • High contrast is crucial; use dark text (e.g., black or charcoal) against all palette colors for readability.
  • Avoid using the lighter blues (#D9EFF5, #C0E0F0) for text due to insufficient contrast with most backgrounds.
  • Ensure interactive elements have clear visual indicators beyond color alone, given the subtle differences between shades.
  • Test all text and interactive element contrasts thoroughly to meet WCAG AA standards, especially for smaller fonts.

Recommended combinations

Frosted Clarity

Ideal for clean content areas, using the lightest for background and #87CEEB for subtle headings.

#D9EFF5 · #C0E0F0 · #87CEEB

Gentle Flow

Excellent for soft gradients, subtle overlays, or decorative elements that need to feel light and airy.

#B2DFEE · #A6DCEB · #D9EFF5

Icy Sky

Use for infographics or data where subtle shifts in cool tones are desired to represent different categories.

#87CEEB · #C0E0F0 · #B2DFEE

CSS variables

:root {
  --arctic-river-ice-1: #B2DFEE;
  --arctic-river-ice-2: #A6DCEB;
  --arctic-river-ice-3: #C0E0F0;
  --arctic-river-ice-4: #87CEEB;
  --arctic-river-ice-5: #D9EFF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-river-ice": {
        1: "#B2DFEE",
        2: "#A6DCEB",
        3: "#C0E0F0",
        4: "#87CEEB",
        5: "#D9EFF5",
      }
    }
  }
}

Related searches

light blue aestheticserene cool paletteminimalist blue themeicy calm colorspale blue UI design

Palette colors

Hex values

Color 1#B2DFEE
·
Color 2#A6DCEB
·
Color 3#C0E0F0
·
Color 4#87CEEB
·
Color 5#D9EFF5
·

Accessibility

Contrast checker

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

Similar palettes

More like Arctic River Ice

View all cool
Arctic Lake Glass
Arctic Lake Reflect
Arctic Whisper
Arctic Whisper Glade
Glacial Lagoon Calm
Glacial Water Echo