Back to palettes

Palette

Arctic Frost Edge

Icy blues and frosty whites define the sharp, serene beauty of an arctic landscape at its frozen edge.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Frost Edge 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 Frost Edge.

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

Data visualization

#8CBECC#B3DDEB#E0F5FA#6F9CA8#527B84

Palette guide

How to use Arctic Frost Edge

Overview

The Arctic Frost Edge palette captures the sharp, serene beauty of an arctic landscape at its frozen edge, blending icy blues and frosty whites. With shades ranging from the crisp #E0F5FA to the deep #527B84, this collection offers designers and developers a cool, refreshing aesthetic for projects requiring clarity and a touch of the sublime. The prominent #8CBECC and #B3DDEB provide versatile mid-tones, enabling elegant visual hierarchies in UI design, branding, and sophisticated digital experiences. It's an excellent choice for conveying professionalism, cleanliness, and a connection to nature's cooler elements.

Best used for

  • Environmental and conservation websites
  • Winter sports brand identity
  • Modern tech interfaces
  • Cool-toned photography showcases
  • Medical or scientific presentations
  • Minimalist architectural renderings

Suggested color roles

primary

#6F9CA8 (A muted, deep teal-blue, ideal for main headings, important buttons, or key graphical elements, providing a grounded focal point.)

secondary

#8CBECC (A vibrant yet serene blue, perfect for subheadings, active states, or supporting visual content, offering gentle dynamism.)

accent

#B3DDEB (A lighter, airy blue, excellent for subtle highlights, hover effects, or delicate design accents that need to catch the eye.)

background

#E0F5FA (A very light, frosty blue-white, serving as a clean and expansive canvas, enhancing readability and a sense of openness.)

text

#527B84 (The darkest color in the palette, providing strong contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #527B84 text on #E0F5FA background meets WCAG AAA standards for optimal readability.
  • Avoid using #B3DDEB or #E0F5FA for text, as their contrast against light backgrounds will be insufficient.
  • When using #6F9CA8 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair a darker color like #527B84 with the lightest background, #E0F5FA.

Recommended combinations

Crisp Contrast

Ideal for high-contrast text and primary call-to-action buttons on a clean, light background.

#E0F5FA · #527B84 · #6F9CA8

Icy Depth

Perfect for creating layered UI elements, card backgrounds, or subtle gradients that require gentle distinction.

#B3DDEB · #8CBECC · #6F9CA8

Subtle Highlight

Use the mid-tone blue for main content, the lighter blue for accents, and the lightest for background.

#6F9CA8 · #B3DDEB · #E0F5FA

CSS variables

:root {
  --arctic-frost-edge-1: #8CBECC;
  --arctic-frost-edge-2: #B3DDEB;
  --arctic-frost-edge-3: #E0F5FA;
  --arctic-frost-edge-4: #6F9CA8;
  --arctic-frost-edge-5: #527B84;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-frost-edge": {
        1: "#8CBECC",
        2: "#B3DDEB",
        3: "#E0F5FA",
        4: "#6F9CA8",
        5: "#527B84",
      }
    }
  }
}

Related searches

icy blue white palettearctic crisp color schememinimalist cool tone UIserene teal blue brandingfrozen landscape colors

Palette colors

Hex values

Color 1#8CBECC
·
Color 2#B3DDEB
·
Color 3#E0F5FA
·
Color 4#6F9CA8
·
Color 5#527B84
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
1.5:1Fail
2.3:1Fail
2
1.4:1Fail
1.3:1Fail
2.1:1Fail
3.2:1AA18
3
1.8:1Fail
1.3:1Fail
2.7:1Fail
4.1:1AA18
4
1.5:1Fail
2.1:1Fail
2.7:1Fail
1.5:1Fail
5
2.3:1Fail
3.2:1AA18
4.1:1AA18
1.5:1Fail

Similar palettes

More like Arctic Frost Edge

View all cool
Arctic Glacier Chill
Arctic Glacier Sparkle
Arctic Ice Shard
Frosted Cavern Chill
Frosted Winter Blossom
Glacial Crystal Cave