Palette

Glacial Aurora Glimmer

Shifting lights over icy landscapes, capturing the magical dance of the aurora borealis.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Aurora Glimmer 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 Aurora Glimmer.

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

Data visualization

#004D40#4B0082#8A2BE2#40E0D0#ADD8E6

Palette guide

How to use Glacial Aurora Glimmer

Overview

The Glacial Aurora Glimmer palette captures the mystical dance of the aurora borealis over icy landscapes with its captivating blend of deep teals, rich purples, and vibrant aquas. This collection features a deep forest green #004D40, an intense indigo #4B0082, a brilliant blue violet #8A2BE2, a lively turquoise #40E0D0, and a soft light blue #ADD8E6. Designers can leverage these dramatic hues to craft brand identities, digital interfaces, or artistic projects that evoke wonder, mystery, and a unique, ethereal beauty. Developers will find these hex codes valuable for implementing visually striking UI/UX themes, ensuring a consistent and enchanting visual experience across various platforms.

Best used for

Mystical or fantasy-themed branding
Night sky or space-related content
Event promotions for concerts or festivals
Creative art portfolios or galleries
Wellness apps focusing on meditation or calm
Tech companies seeking a futuristic, elegant look

Suggested color roles

primary

#004D40 or #4B0082 can serve as strong, deep primary colors for headers or main content, providing a sense of mystery and depth.

secondary

#8A2BE2 works well for subheadings, content sections, or larger elements, offering a vibrant and captivating supporting tone.

accent

#40E0D0 is an excellent choice for calls-to-action, interactive elements, or key highlights, ensuring they stand out vibrantly.

background

#ADD8E6 provides a light, ethereal backdrop, ensuring good readability for darker text while maintaining the palette's cool, calm feel.

text

For dark text, a deep charcoal or black on #ADD8E6 provides good contrast. For light text, use white on #004D40, #4B0082, or #8A2BE2.

Accessibility notes

Ensure #004D40 text on #ADD8E6 background meets WCAG AA contrast standards.
#40E0D0 will require very dark text or white text when used as a background.
Avoid pairing #8A2BE2 text on #40E0D0 background due to insufficient contrast.
Always test text and interactive element color combinations for readability, especially for smaller text.

Recommended combinations

Mystical Core

Ideal for main layouts, combining a deep purple with a light background and a vibrant, ethereal accent.

#4B0082 · #ADD8E6 · #40E0D0

Aurora Glow

Great for creating gradient effects or highlighting features with a striking, otherworldly blend.

#004D40 · #8A2BE2 · #40E0D0

Deep Contrast

Perfect for clean, readable content sections where a light background meets dark, rich text.

#ADD8E6 · #4B0082 · #004D40

CSS variables

:root {
  --glacial-aurora-glimmer-1: #004D40;
  --glacial-aurora-glimmer-2: #4B0082;
  --glacial-aurora-glimmer-3: #8A2BE2;
  --glacial-aurora-glimmer-4: #40E0D0;
  --glacial-aurora-glimmer-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-aurora-glimmer": {
        1: "#004D40",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#40E0D0",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#4B0082

Color 3#8A2BE2

Color 4#40E0D0

Color 5#ADD8E6

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

6:1AA

6.4:1AA

1.3:1Fail

2.2:1Fail

7.9:1AAA

8.5:1AAA

1.7:1Fail

2.2:1Fail

3.6:1AA18

3.9:1AA18

6:1AA

7.9:1AAA

3.6:1AA18

1.1:1Fail

6.4:1AA

8.5:1AAA

3.9:1AA18

1.1:1Fail

Similar palettes

More like Glacial Aurora Glimmer

Arctic Shoreline Chill

Arctic Shoreline Frost

Arctic Sky Aurora