Back to palettes

Palette

Aurora Borealis Glow

An otherworldly blend of vibrant blues, greens, and purples, mirroring the magical arctic lights.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aurora Borealis Glow 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 Borealis Glow.

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

Data visualization

#0A192F#1E90FF#00FFFF#9400D3#8A2BE2

Palette guide

How to use Aurora Borealis Glow

Overview

The "Aurora Borealis Glow" palette (ID: aurora-borealis-glow-2) is an otherworldly blend of vibrant blues, greens, and purples, mirroring the magical arctic lights. It features a deep, grounding navy #0A192F, a striking royal blue #1E90FF, a luminous cyan #00FFFF, a rich dark violet #9400D3, and an ethereal blue-violet #8A2BE2. This energetic and cool palette is ideal for designers looking to create dynamic, futuristic, or mystical experiences. The high contrast between the dark base and the glowing vibrant hues makes it perfect for digital interfaces, gaming, or branding that aims for a powerful and captivating aesthetic. It's a truly electric and magical combination.

Best used for

  • Gaming interfaces and streaming platforms
  • Sci-fi or fantasy themed websites
  • Music event promotions or album art
  • Modern tech and software branding
  • Digital art and abstract illustrations
  • Youth-oriented energetic brands

Suggested color roles

primary

#1E90FF - A striking royal blue, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey energy.

secondary

#9400D3 - A rich dark violet, excellent for supporting content, subheadings, or backgrounds that require depth and a mysterious allure.

accent

#00FFFF - A luminous cyan, perfect for highlights, hover states, or small decorative elements that need to pop with an electric glow.

background

#0A192F - A deep navy, providing a sophisticated and dramatic foundation against which the vibrant blues, greens, and purples truly shine.

text

#00FFFF - A luminous cyan offering excellent readability on #0A192F or #9400D3, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

  • Ensure #00FFFF or #1E90FF has sufficient contrast when used for text on #0A192F or #9400D3 backgrounds.
  • #8A2BE2 can be used for headings on #0A192F, but always verify contrast for smaller text.
  • Avoid using #9400D3 text directly on #8A2BE2, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #00FFFF or white) for body text on the darkest palette shades.

Recommended combinations

Electric Night

Futuristic UI designs, dynamic hero sections, or energetic brand identities.

#0A192F · #1E90FF · #00FFFF

Mystic Portal

Dark mode themes, fantasy game interfaces, or abstract digital art.

#9400D3 · #8A2BE2 · #0A192F

Arctic Flash

Vibrant event posters, cosmic illustrations, or impactful presentations.

#1E90FF · #9400D3 · #00FFFF

CSS variables

:root {
  --aurora-borealis-glow-2-1: #0A192F;
  --aurora-borealis-glow-2-2: #1E90FF;
  --aurora-borealis-glow-2-3: #00FFFF;
  --aurora-borealis-glow-2-4: #9400D3;
  --aurora-borealis-glow-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-glow-2": {
        1: "#0A192F",
        2: "#1E90FF",
        3: "#00FFFF",
        4: "#9400D3",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

electric blue purple palettenorthern lights glow colorsmystical vibrant UIsci-fi color schemecool neon aurora

Palette colors

Hex values

Color 1#0A192F
·
Color 2#1E90FF
·
Color 3#00FFFF
·
Color 4#9400D3
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
5.4:1AA
14:1AAA
2.7:1Fail
3:1Fail
2
5.4:1AA
2.6:1Fail
2:1Fail
1.8:1Fail
3
14:1AAA
2.6:1Fail
5.2:1AA
4.8:1AA
4
2.7:1Fail
2:1Fail
5.2:1AA
1.1:1Fail
5
3:1Fail
1.8:1Fail
4.8:1AA
1.1:1Fail

Similar palettes

More like Aurora Borealis Glow

View all cool
Aurora Borealis Glow
Aurora Shimmer
Electric City Drive
Polar Light Shimmer
Abstract Ocean Currents
Aegean Blue Depths