Palette

Aurora Borealis Glow

Inspired by the celestial dance of green and blue light across a dark arctic sky.

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

#0F293F#005566#33CC99#99FFCC#CCFFFF

Palette guide

How to use Aurora Borealis Glow

Overview

The "Aurora Borealis Glow" palette (ID: aurora-borealis-glow-6) is inspired by the celestial dance of green and blue light across a dark arctic sky, creating an energetic and ethereal feel. It features a deep, grounding navy #0F293F, a rich teal #005566, a vibrant seafoam #33CC99, a luminous mint #99FFCC, and a brilliant light cyan #CCFFFF. This cool palette is excellent for designers looking to infuse energy, mystique, and a strong connection to the celestial into their projects. The progression from dark, anchoring tones to vivid, glowing shades allows for captivating visual compositions, perfect for branding, web design, or digital art that aims to be both modern and enchanting. It offers a truly vibrant and ethereal aesthetic.

Best used for

Sci-fi or fantasy game interfaces
Modern tech company websites
Digital art and abstract illustrations
Event promotions (music, art festivals)
Cosmic or space-themed branding
Youth-oriented energetic products

Suggested color roles

primary

#33CC99 - A vibrant seafoam green, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and dynamism.

secondary

#005566 - A rich teal, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#CCFFFF - A brilliant light cyan, perfect for highlights, hover states, or small decorative elements that need to pop with an energetic, ethereal glow.

background

#0F293F - A deep navy, providing a sophisticated and grounding foundation against which the lighter, glowing colors can truly shine.

text

#CCFFFF - A brilliant light cyan that offers excellent readability on #0F293F or #005566, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

Ensure #CCFFFF or #99FFCC has sufficient contrast when used for text on #0F293F or #005566 backgrounds.
#33CC99 can be used for headings on #0F293F, but always verify contrast for smaller text.
Avoid using #005566 text directly on #33CC99, as the contrast might be insufficient.
For optimal readability, use a very light color (like #CCFFFF or white) for body text on the darkest palette shades.

Recommended combinations

Deep Cosmos

Robust website footers, elegant dashboards, or professional presentations.

#0F293F · #005566 · #33CC99

Northern Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#33CC99 · #99FFCC · #CCFFFF

Mystic Twilight

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#0F293F · #99FFCC · #CCFFFF

CSS variables

:root {
  --aurora-borealis-glow-6-1: #0F293F;
  --aurora-borealis-glow-6-2: #005566;
  --aurora-borealis-glow-6-3: #33CC99;
  --aurora-borealis-glow-6-4: #99FFCC;
  --aurora-borealis-glow-6-5: #CCFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-glow-6": {
        1: "#0F293F",
        2: "#005566",
        3: "#33CC99",
        4: "#99FFCC",
        5: "#CCFFFF",
      }
    }
  }
}

Hex values

Color 1#0F293F

Color 2#005566

Color 3#33CC99

Color 4#99FFCC

Color 5#CCFFFF

Accessibility

Contrast checker

1.8:1Fail

7.3:1AAA

12.4:1AAA

13.7:1AAA

1.8:1Fail

4.1:1AA18

7:1AAA

7.8:1AAA

7.3:1AAA

4.1:1AA18

1.7:1Fail

1.9:1Fail

12.4:1AAA

7:1AAA

1.7:1Fail

1.1:1Fail

13.7:1AAA

7.8:1AAA

1.9:1Fail

1.1:1Fail

Similar palettes

More like Aurora Borealis Glow

View all cool

Aurora Borealis Hues

Aurora Shimmer

Aurora Borealis Dream

Polar Light Shimmer

Aegean Blue Depths

Aqua Marine Sparkle