Palette

Arctic Aurora Shimmer

A breathtaking display of the ethereal light dance in the cold arctic night sky.

coolenergetic5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Aurora 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 Arctic Aurora Shimmer.

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

Data visualization

#191970#4B0082#00FFFF#90EE90#ADD8E6

Palette guide

How to use Arctic Aurora Shimmer

Overview

The Arctic Aurora Shimmer palette evokes the breathtaking spectacle of the aurora borealis against a dark arctic night, blending deep, mystical tones with vibrant, energetic glows. It features the profound navy of #191970 (Midnight Blue) and the rich violet of #4B0082 (Indigo), establishing a dramatic foundation. Contrasting these are the brilliant, icy aqua of #00FFFF (Cyan), the fresh, luminous green of #90EE90 (Light Green), and the soft, ethereal blue of #ADD8E6 (Light Blue). This palette is ideal for designers aiming to create high-impact, celestial-themed visuals or interfaces that exude both mystery and vibrant energy. Developers can utilize these colors for striking UI designs, interactive elements, and immersive digital environments.

Best used for

High-contrast dark mode applications
Sci-fi themed website designs
Gaming interfaces and streaming overlays
Event posters for nighttime or futuristic themes
Digital art and abstract visualizations
Branding for innovative technology companies

Suggested color roles

primary

Use #191970 (Midnight Blue) for main backgrounds or large content blocks to establish a deep, sophisticated base.

secondary

#4B0082 (Indigo) can be applied to secondary panels, headers, or significant graphical elements, adding rich depth.

accent

#00FFFF (Cyan) is an electrifying choice for call-to-action buttons, alerts, or key interactive elements, demanding attention.

background

A soft blue like #ADD8E6 can serve as a very light background for specific sections, or #191970 for a dark theme.

text

White or a very light grey (e.g., #F0F0F0) is recommended for text on dark backgrounds like #191970 and #4B0082. Use a dark charcoal on #ADD8E6.

Accessibility notes

Ensure #00FFFF has sufficient contrast against any background, especially for text. It's often best for larger display text or graphics.
Text on #90EE90 will likely need a very dark color like black or #191970 for proper readability.
Pairing #191970 and #4B0082 requires careful contrast checks if used for text and background, favoring white text.
Avoid using #ADD8E6 on #90EE90 for critical information due to potentially low contrast.

Recommended combinations

Night Sky Glow

Excellent for dark mode interfaces, using cyan for highlights and indigo for depth.

#191970 · #00FFFF · #4B0082

Vibrant Energy

Creates a bright, energetic feel, suitable for interactive elements or playful designs.

#00FFFF · #90EE90 · #ADD8E6

Mystic Depth

Good for creating a sophisticated and mysterious atmosphere, with light blue for balance.

#4B0082 · #191970 · #ADD8E6

CSS variables

:root {
  --arctic-aurora-shimmer-1: #191970;
  --arctic-aurora-shimmer-2: #4B0082;
  --arctic-aurora-shimmer-3: #00FFFF;
  --arctic-aurora-shimmer-4: #90EE90;
  --arctic-aurora-shimmer-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-aurora-shimmer": {
        1: "#191970",
        2: "#4B0082",
        3: "#00FFFF",
        4: "#90EE90",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4B0082

Color 3#00FFFF

Color 4#90EE90

Color 5#ADD8E6

Accessibility

Contrast checker

1.1:1Fail

11.8:1AAA

10.5:1AAA

9.7:1AAA

1.1:1Fail

10.3:1AAA

9.1:1AAA

8.5:1AAA

11.8:1AAA

10.3:1AAA

1.1:1Fail

1.2:1Fail

10.5:1AAA

9.1:1AAA

1.1:1Fail

9.7:1AAA

8.5:1AAA

1.2:1Fail

1.1:1Fail

Similar palettes

More like Arctic Aurora Shimmer

Arctic Aurora Shimmer

See it in context.

Ready when you are.

Built with Arctic Aurora Shimmer.

How to use Arctic Aurora Shimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Night Sky Glow

Vibrant Energy

Mystic Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Arctic Aurora Shimmer