Palette

Glacial Arctic Shard

Crisp blues and refreshing turquoises, mirroring the sharp, clear beauty of glacial ice.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#AFEEEE#7FFFD4#00CED1#48D1CC

Palette guide

How to use Glacial Arctic Shard

Overview

The Glacial Arctic Shard palette captures the crisp, refreshing beauty of icy landscapes with its serene blues and vibrant turquoises. This collection ranges from a frosty azure #E0FFFF and a pale turquoise #AFEEEE, through a striking aquamarine #7FFFD4, to a deep dark turquoise #00CED1, and a vivid medium turquoise #48D1CC. Designers can utilize these cool hues to craft brand identities, digital interfaces, or marketing materials that evoke purity, freshness, and a modern, minimalist aesthetic. Developers will find these hex codes valuable for implementing clean, crisp UI/UX themes, ensuring a consistent and refreshing visual experience across web and mobile platforms.

Best used for

Tech or clean energy company branding
Spa or wellness center websites
Winter sports or outdoor gear marketing
Minimalist app interfaces
Scientific or environmental organization designs
Modern interior design accents

Suggested color roles

primary

#00CED1 or #48D1CC can serve as strong primary colors for headers or main navigation, providing a bold, cool anchor.

secondary

#7FFFD4 works well for subheadings, content sections, or larger elements, offering a vibrant yet cool supporting tone.

accent

#AFEEEE can be used for subtle interactive elements or highlights, providing a gentle contrast.

background

#E0FFFF is an excellent choice for a clean, bright background, ensuring optimal readability for darker text.

text

For dark text, a deep charcoal or black on #E0FFFF provides excellent contrast. For light text, use white on #00CED1 or #48D1CC.

Accessibility notes

Ensure sufficient contrast when using lighter colors like #AFEEEE or #E0FFFF for text on any background.
#00CED1 and #48D1CC provide good contrast against white text.
Avoid using #AFEEEE text on #7FFFD4 backgrounds due to low contrast.
Always test text and interactive element color combinations with a contrast checker.

Recommended combinations

Arctic Core

Ideal for main layouts, combining a bold blue with a clean background and a soft supporting tone.

#00CED1 · #E0FFFF · #AFEEEE

Shard Accent

Great for highlighting key features or calls-to-action, offering a vibrant, layered cool effect.

#48D1CC · #7FFFD4 · #00CED1

Frosted Layers

Perfect for backgrounds or subtle gradients, creating a light and airy feel.

#E0FFFF · #AFEEEE · #7FFFD4

CSS variables

:root {
  --glacial-arctic-shard-1: #E0FFFF;
  --glacial-arctic-shard-2: #AFEEEE;
  --glacial-arctic-shard-3: #7FFFD4;
  --glacial-arctic-shard-4: #00CED1;
  --glacial-arctic-shard-5: #48D1CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-arctic-shard": {
        1: "#E0FFFF",
        2: "#AFEEEE",
        3: "#7FFFD4",
        4: "#00CED1",
        5: "#48D1CC",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#AFEEEE

Color 3#7FFFD4

Color 4#00CED1

Color 5#48D1CC

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

1.8:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

1.5:1Fail

1.9:1Fail

1.5:1Fail

1.6:1Fail

1:1Fail

1.8:1Fail

1.4:1Fail

1.5:1Fail

1:1Fail

Similar palettes

More like Glacial Arctic Shard

Glacial Arctic Shard

See it in context.

Ready when you are.

Built with Glacial Arctic Shard.

How to use Glacial Arctic Shard

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Arctic Core

Shard Accent

Frosted Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Glacial Arctic Shard