Back to palettes

Palette

Arctic Sky Whisper

Reflects the expansive, crisp blue skies of the arctic, from icy clear to deeper, chilly hues.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Sky Whisper 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 Sky Whisper.

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

Data visualization

#BEE3F2#8AD2E9#5ABCE0#2E8BB4#1A6C9B

Palette guide

How to use Arctic Sky Whisper

Overview

The Arctic Sky Whisper palette reflects the expansive, crisp blue skies of the arctic, transitioning from icy clear to deeper, chilly hues. It features a bright #BEE3F2, a lively #8AD2E9, and a balanced #5ABCE0. The palette deepens with the robust #2E8BB4 and is anchored by the profound #1A6C9B. This collection is ideal for designers and developers seeking to create refreshing, clean, and professional digital experiences. Its harmonious gradient of blues offers excellent versatility for conveying clarity, trustworthiness, and a sense of calm, making it suitable for a wide range of web and branding applications.

Best used for

  • Technology and software interfaces
  • Educational platforms
  • Financial services branding
  • Environmental awareness campaigns
  • Clean, modern web design
  • Outdoor adventure gear marketing

Suggested color roles

primary

The deep #1A6C9B serves as a strong primary for foundational elements, navigation, and dominant text, providing gravitas.

secondary

Use #2E8BB4 for subheadings, secondary calls-to-action, or important informational blocks, offering excellent readability.

accent

The vibrant #5ABCE0 or #8AD2E9 can serve as refreshing accents for interactive elements, highlights, or illustrative details.

background

Employ #BEE3F2 as a clean, expansive background, creating an open, airy, and inviting canvas.

text

For optimal readability, use #1A6C9B or black for primary text on light backgrounds. For dark backgrounds, #BEE3F2 works best.

Accessibility notes

  • Ensure strong contrast between the darker blues (#1A6C9B, #2E8BB4) and the lightest (#BEE3F2) for all text and interactive elements.
  • Avoid using #8AD2E9 for text against #5ABCE0 due to potentially insufficient contrast for WCAG AA compliance.
  • Verify that all interactive elements have clear visual indicators for focus and hover states beyond color alone.
  • Consider using #1A6C9B or black for all critical information to ensure maximum legibility across diverse viewing conditions.

Recommended combinations

Sky Gradient

Excellent for backgrounds, hero images, or abstract graphics that require a smooth, cool transition.

#BEE3F2 · #8AD2E9 · #5ABCE0

Deep Horizon

Ideal for strong headers, brand logos, or prominent calls-to-action, leveraging high contrast and depth.

#1A6C9B · #2E8BB4 · #BEE3F2

Whisper Accent

Use for navigation elements or data visualization, creating clear distinctions within a cool, professional aesthetic.

#5ABCE0 · #8AD2E9 · #1A6C9B

CSS variables

:root {
  --arctic-sky-whisper-2-1: #BEE3F2;
  --arctic-sky-whisper-2-2: #8AD2E9;
  --arctic-sky-whisper-2-3: #5ABCE0;
  --arctic-sky-whisper-2-4: #2E8BB4;
  --arctic-sky-whisper-2-5: #1A6C9B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-sky-whisper-2": {
        1: "#BEE3F2",
        2: "#8AD2E9",
        3: "#5ABCE0",
        4: "#2E8BB4",
        5: "#1A6C9B",
      }
    }
  }
}

Related searches

blue gradient palettearctic sky colorsrefreshing UI designprofessional blue brandingclean cool website colors

Palette colors

Hex values

Color 1#BEE3F2
·
Color 2#8AD2E9
·
Color 3#5ABCE0
·
Color 4#2E8BB4
·
Color 5#1A6C9B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.8:1Fail
4.2:1AA18
2
1.2:1Fail
1.3:1Fail
2.3:1Fail
3.4:1AA18
3
1.6:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
4
2.8:1Fail
2.3:1Fail
1.8:1Fail
1.5:1Fail
5
4.2:1AA18
3.4:1AA18
2.6:1Fail
1.5:1Fail

Similar palettes

More like Arctic Sky Whisper

View all cool
Arctic Ice Shard
Arctic Lagoon Glaze
Arctic Sky Aurora
Arctic Sky Whisper
Celestial Azure Drift
Celestial Cloud Dust