Back to palettes

Palette

Polar Night Shimmer

A cosmic blend of deep blues and vibrant greens, mimicking the dazzling spectacle of the Northern Lights.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Polar Night Shimmer 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 Polar Night Shimmer.

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

Data visualization

#483D8B#8A2BE2#00BFFF#00FA9A#191970

Palette guide

How to use Polar Night Shimmer

Overview

The Polar Night Shimmer palette evokes the dazzling spectacle of the Northern Lights against a deep, cold night sky, blending rich purples, vibrant blues, and luminous greens. It features a profound dark indigo, #191970, providing a solid, mysterious base. A regal purple, #483D8B, adds depth and sophistication, while a bright, energetic violet, #8A2BE2, introduces a touch of drama. The palette is invigorated by a vivid sky blue, #00BFFF, and a brilliant emerald green, #00FA9A, which truly capture the shimmering, ethereal glow of the aurora. This palette is ideal for designs requiring a sense of mystery, energy, and celestial beauty, perfect for captivating visual experiences.

Best used for

  • Fantasy game interfaces
  • Nightlife event promotions
  • Celestial themed art
  • Sci-fi media branding
  • Dynamic website backgrounds
  • Mystical product packaging

Suggested color roles

primary

#191970 (Deep Indigo) - Use as a dominant background or for large foundational elements to create a dark, mysterious, and immersive canvas.

secondary

#483D8B (Regal Purple) - Ideal for subheadings, navigation, or secondary panels, adding depth and a touch of sophistication without overwhelming.

accent

#00FA9A (Brilliant Emerald) - Reserve for calls-to-action, glowing effects, or key interactive elements to create a dazzling, high-energy highlight.

background

#191970 (Deep Indigo) - Provides an immersive, dark, and dramatic backdrop that makes the vibrant purples, blues, and greens truly pop with celestial brilliance.

text

#00BFFF (Vivid Sky Blue) - Excellent for headings and important text over the dark primary or secondary colors. For body text, a pure white or very light gray would offer maximum readability and ensure accessibility.

Accessibility notes

  • The contrast between #191970 and #00FA9A is strong and visually striking, but ensure smaller text in #00FA9A is readable.
  • Avoid using #483D8B or #8A2BE2 for text on backgrounds that are too close in value, such as #191970, without careful testing.
  • For interactive elements, ensure the brilliant #00FA9A is used judiciously so it doesn't overwhelm or cause eye strain.
  • Always test color combinations for WCAG AA compliance, especially for interactive elements and critical information.

Recommended combinations

Aurora Night

A high-impact combination for hero sections or captivating visuals, emphasizing the glowing green and blue against a dark sky.

#191970 · #00FA9A · #00BFFF

Mystical Depths

Perfect for creating layered cosmic scenes or abstract art, offering a dynamic interplay of purples and blues.

#483D8B · #8A2BE2 · #00BFFF

Celestial Shimmer

A dramatic trio for event branding or digital art, balancing deep darkness with vivid, energetic light.

#191970 · #8A2BE2 · #00FA9A

CSS variables

:root {
  --polar-night-shimmer-1: #483D8B;
  --polar-night-shimmer-2: #8A2BE2;
  --polar-night-shimmer-3: #00BFFF;
  --polar-night-shimmer-4: #00FA9A;
  --polar-night-shimmer-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "polar-night-shimmer": {
        1: "#483D8B",
        2: "#8A2BE2",
        3: "#00BFFF",
        4: "#00FA9A",
        5: "#191970",
      }
    }
  }
}

Related searches

polar night aurora palettemystical purple blue greendark celestial colorsnorthern lights shimmervibrant cosmic night

Palette colors

Hex values

Color 1#483D8B
·
Color 2#8A2BE2
·
Color 3#00BFFF
·
Color 4#00FA9A
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
4.3:1AA18
6.5:1AA
1.6:1Fail
2
1.5:1Fail
2.8:1Fail
4.3:1AA18
2.5:1Fail
3
4.3:1AA18
2.8:1Fail
1.5:1Fail
7:1AA
4
6.5:1AA
4.3:1AA18
1.5:1Fail
10.7:1AAA
5
1.6:1Fail
2.5:1Fail
7:1AA
10.7:1AAA

Similar palettes

More like Polar Night Shimmer

View all cool
Cobalt Midnight Sky
Lunar Eclipse Gloom
Northern Lights Veil
Celestial Orb Glow
Deep Space Mariner
Frozen Night Sky