Palette

Aurora Ice Shard

Shimmering icy blues and purples evoke the ethereal glow of a celestial arctic display.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Ice 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 Aurora Ice Shard.

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

Data visualization

#E0FFFF#B0E0E6#87CEEB#4682B4#483D8B

Palette guide

How to use Aurora Ice Shard

Overview

The "Aurora Ice Shard" palette evokes the ethereal glow of a celestial arctic display with shimmering icy blues and purples, creating an elegant and cool feel. It features a luminous light cyan #E0FFFF, a soft powder blue #B0E0E6, a serene sky blue #87CEEB, a muted steel blue #4682B4, and a deep slate blue #483D8B. This cool palette is ideal for designers looking to infuse sophistication, tranquility, and a touch of arctic wonder into their projects. The harmonious blend of blues and a subtle purple, progressing from light to dark, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

Luxury travel agencies (arctic destinations)
Wellness and mindfulness apps
High-end tech or software interfaces
Winter-themed branding or events
Science and astronomy educational platforms
Elegant personal portfolios

Suggested color roles

primary

#87CEEB - A serene sky blue, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#B0E0E6 - A soft powder blue, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#483D8B - A deep slate blue, perfect for highlights, hover states, or small decorative elements that need to provide a strong, elegant contrast.

background

#E0FFFF - A luminous light cyan, providing an airy and serene canvas that allows the deeper blues and purple to stand out beautifully.

text

#483D8B - A deep slate blue that offers excellent readability on #E0FFFF or #B0E0E6, or use a crisp black for general body text on lightest backgrounds.

Accessibility notes

Ensure #483D8B or #4682B4 has sufficient contrast when used for text on #E0FFFF or #B0E0E6 backgrounds.
#87CEEB can be used for headings on #483D8B, but always verify contrast for smaller text.
Avoid using #B0E0E6 text directly on #87CEEB, as the contrast might be insufficient.
For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Icy Depths

Robust website footers, elegant dashboards, or professional presentations.

#483D8B · #4682B4 · #87CEEB

Aurora Shimmer

Vibrant hero sections, engaging infographics, or serene app interfaces.

#87CEEB · #B0E0E6 · #E0FFFF

Celestial Chill

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#483D8B · #B0E0E6 · #E0FFFF

CSS variables

:root {
  --aurora-ice-shard-1: #E0FFFF;
  --aurora-ice-shard-2: #B0E0E6;
  --aurora-ice-shard-3: #87CEEB;
  --aurora-ice-shard-4: #4682B4;
  --aurora-ice-shard-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-ice-shard": {
        1: "#E0FFFF",
        2: "#B0E0E6",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#483D8B",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#B0E0E6

Color 3#87CEEB

Color 4#4682B4

Color 5#483D8B

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

3.9:1AA18

8.6:1AAA

1.4:1Fail

1.2:1Fail

2.9:1Fail

6.3:1AA

1.7:1Fail

1.2:1Fail

2.4:1Fail

5.2:1AA

3.9:1AA18

2.9:1Fail

2.4:1Fail

2.2:1Fail

8.6:1AAA

6.3:1AA

5.2:1AA

2.2:1Fail

Similar palettes

More like Aurora Ice Shard

View all cool

Aurora Horizon Whisper

Polar Light Shimmer

Aurora Borealis Glow

Aurora Sky Glow

Celestial Ice Sparkle

Amethyst Cavern Glow