Back to palettes

Palette

Arctic Glacier Shard

The striking beauty of jagged ice formations within a glacial cavern, shimmering with cool light.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Glacier Shard 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 Glacier Shard.

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

Data visualization

#F8F8F8#A7DBD8#008080#A0A0A0#E0FFFF

Palette guide

How to use Arctic Glacier Shard

Overview

The Arctic Glacier Shard palette evokes the striking beauty of jagged ice formations within a glacial cavern, shimmering with cool light. Featuring shades from the pristine #F8F8F8 to the deep #008080, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying sharpness, serenity, and modern elegance. The prominent #A7DBD8 and #A0A0A0 provide a unique blend of icy teal and neutral grey, allowing for elegant visual hierarchies in UI design, impactful branding, and serene digital experiences. It's an excellent choice for projects that aim to evoke precision, clarity, and an understated, natural sophistication.

Best used for

  • Modern tech interfaces
  • Minimalist photography portfolios
  • Luxury branding with a cool edge
  • Art and design studios
  • Winter sports equipment websites
  • Environmental advocacy platforms

Suggested color roles

primary

#008080 (A strong, deep teal, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#A7DBD8 (A serene, muted teal, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#A0A0A0 (A versatile medium grey, perfect for subtle highlights, borders, or delicate design accents that provide structure without distraction.)

background

#F8F8F8 (A pristine, almost-white background that ensures maximum readability and a spacious, airy feel for any design.)

text

#008080 (The deep teal provides excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #008080 text on #F8F8F8 background meets WCAG AAA standards for optimal readability.
  • Avoid using #A7DBD8 or #E0FFFF for text on #F8F8F8, as contrast will be insufficient.
  • The grey #A0A0A0 should be tested for contrast when used as text on lighter backgrounds or for interactive elements.
  • For critical information, always pair the darkest available color, #008080, with the lightest background, #F8F8F8.

Recommended combinations

Sharp Contrast

Ideal for a clean background with strong primary text and a neutral grey for subheadings or dividers.

#F8F8F8 · #008080 · #A0A0A0

Icy Teal Layers

Use for creating visual depth in layered UI components, card backgrounds, or subtle gradients.

#A7DBD8 · #008080 · #E0FFFF

Subtle Structure

Apply the grey for structural elements, with the lightest for background and the teal for soft accents.

#A0A0A0 · #F8F8F8 · #A7DBD8

CSS variables

:root {
  --arctic-glacier-shard-1: #F8F8F8;
  --arctic-glacier-shard-2: #A7DBD8;
  --arctic-glacier-shard-3: #008080;
  --arctic-glacier-shard-4: #A0A0A0;
  --arctic-glacier-shard-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-shard": {
        1: "#F8F8F8",
        2: "#A7DBD8",
        3: "#008080",
        4: "#A0A0A0",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

arctic teal grey paletteglacier shard color schememinimalist cool brandingserene UI design tealicy modern web colors

Palette colors

Hex values

Color 1#F8F8F8
·
Color 2#A7DBD8
·
Color 3#008080
·
Color 4#A0A0A0
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
4.5:1AA18
2.5:1Fail
1:1Fail
2
1.4:1Fail
3.1:1AA18
1.7:1Fail
1.4:1Fail
3
4.5:1AA18
3.1:1AA18
1.8:1Fail
4.5:1AA
4
2.5:1Fail
1.7:1Fail
1.8:1Fail
2.5:1Fail
5
1:1Fail
1.4:1Fail
4.5:1AA
2.5:1Fail

Similar palettes

More like Arctic Glacier Shard

View all cool
Arctic Fox Shadow
Arctic Ice Crystal
Arctic Iceberg Edge
Arctic Shoreline Chill
Calm Nordic Winter
Cool Stone Carving