Palette

Polar Light Shimmer

Capturing the ethereal dance of the aurora borealis, with shimmering greens and blues against a dark, cold sky.

coolenergetic5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1D2D#1B3A5A#3A6DAA#6D8FD4#7FFFD4

Palette guide

How to use Polar Light Shimmer

Overview

The Polar Light Shimmer palette captures the vibrant, ethereal dance of the aurora borealis, blending deep, mysterious blues with a striking, cool green. It opens with a very dark, enigmatic blue-black, #0A1D2D, reminiscent of a polar night sky. This deep base is layered with a rich, dark blue, #1B3A5A, and a more vibrant medium blue, #3A6DAA, evoking the depths of the arctic. A luminous light blue, #6D8FD4, adds a sense of movement and light. The palette culminates with a brilliant aquamarine, #7FFFD4, which truly embodies the shimmering, otherworldly glow of the Northern Lights. This palette is ideal for energetic, mystical, or futuristic designs that require a captivating and dynamic visual experience.

Best used for

Sci-fi game interfaces
Nightlife event promotions
Futuristic tech branding
Cosmic photography overlays
Digital art and illustrations
Dynamic website hero sections

Suggested color roles

primary

#0A1D2D (Deep Midnight) - Use as a dominant background or for large foundational elements to provide a dark, mysterious canvas.

secondary

#1B3A5A (Dark Arctic Blue) - Ideal for navigation, secondary panels, or as a contrasting dark shade to add depth without being as absolute as the primary.

accent

#7FFFD4 (Brilliant Aquamarine) - Reserve for calls-to-action, glowing effects, or key interactive elements to create a dazzling, energetic highlight.

background

#0A1D2D (Deep Midnight) - Provides an immersive, dark backdrop that makes the lighter blues and the aquamarine shimmer with intensity.

text

#6D8FD4 (Luminous Light 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.

Accessibility notes

The contrast between #0A1D2D and #7FFFD4 is strong and visually striking, but ensure smaller text in #7FFFD4 is readable.
Avoid using #3A6DAA or #6D8FD4 for text on backgrounds that are too close in value, such as #1B3A5A.
For interactive elements, ensure the brilliant #7FFFD4 is used judiciously so it doesn't overwhelm or cause eye strain.
Always test text readability over the dark background, especially for body copy, using a high-contrast choice like white.

Recommended combinations

Aurora Glow

A high-impact combination for hero sections or captivating visuals, emphasizing the glowing accent.

#0A1D2D · #7FFFD4 · #6D8FD4

Celestial Depth

Perfect for creating layered cosmic scenes or complex UI elements, offering a smooth transition of blues.

#1B3A5A · #3A6DAA · #6D8FD4

Vibrant Night

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

#0A1D2D · #3A6DAA · #7FFFD4

CSS variables

:root {
  --polar-light-shimmer-2-1: #0A1D2D;
  --polar-light-shimmer-2-2: #1B3A5A;
  --polar-light-shimmer-2-3: #3A6DAA;
  --polar-light-shimmer-2-4: #6D8FD4;
  --polar-light-shimmer-2-5: #7FFFD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "polar-light-shimmer-2": {
        1: "#0A1D2D",
        2: "#1B3A5A",
        3: "#3A6DAA",
        4: "#6D8FD4",
        5: "#7FFFD4",
      }
    }
  }
}

Hex values

Color 1#0A1D2D

Color 2#1B3A5A

Color 3#3A6DAA

Color 4#6D8FD4

Color 5#7FFFD4

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

5.3:1AA

14:1AAA

1.5:1Fail

2.2:1Fail

3.6:1AA18

9.5:1AAA

3.2:1AA18

2.2:1Fail

1.7:1Fail

4.3:1AA18

5.3:1AA

3.6:1AA18

1.7:1Fail

2.6:1Fail

14:1AAA

9.5:1AAA

4.3:1AA18

2.6:1Fail

Similar palettes

More like Polar Light Shimmer

View all cool

Aurora Borealis Dream

Arctic Aurora Shimmer