Palette

Aurora Borealis Hues

A breathtaking array of vibrant greens, blues, and purples, mirroring the magical dance of the Northern Lights.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#00FFFF#FF00FF#4B0082#1E90FF

Palette guide

How to use Aurora Borealis Hues

Overview

The "Aurora Borealis Hues" palette (ID: aurora-borealis-hues-2) is a breathtaking array of vibrant greens, blues, and purples, mirroring the magical dance of the Northern Lights. It features an electric lime #00FF00, a luminous cyan #00FFFF, a striking magenta #FF00FF, a deep indigo #4B0082, and a bold royal blue #1E90FF. This energetic and cool palette is ideal for designers looking to create dynamic, futuristic, or mystical experiences. The high contrast and pure, saturated colors make it perfect for digital interfaces, gaming, or branding that aims for a powerful and captivating aesthetic. It's a truly vibrant and otherworldly 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

#00FF00 - An electric lime green, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey energy.

secondary

#1E90FF - A bold royal blue, excellent for supporting content, subheadings, or backgrounds that require depth and a mysterious allure.

accent

#FF00FF - A striking magenta, perfect for highlights, hover states, or small decorative elements that need to pop with an electric glow.

background

#4B0082 - A deep indigo, providing a sophisticated and dramatic foundation against which the vibrant blues, greens, and purples truly shine.

text

#00FF00 - An electric lime offering excellent readability on #4B0082 or #1E90FF, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

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

Recommended combinations

Electric Night

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

#4B0082 · #1E90FF · #00FF00

Mystic Portal

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

#FF00FF · #00FFFF · #4B0082

Aurora Flash

Vibrant event posters, cosmic illustrations, or impactful presentations.

#00FF00 · #FF00FF · #1E90FF

CSS variables

:root {
  --aurora-borealis-hues-2-1: #00FF00;
  --aurora-borealis-hues-2-2: #00FFFF;
  --aurora-borealis-hues-2-3: #FF00FF;
  --aurora-borealis-hues-2-4: #4B0082;
  --aurora-borealis-hues-2-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-hues-2": {
        1: "#00FF00",
        2: "#00FFFF",
        3: "#FF00FF",
        4: "#4B0082",
        5: "#1E90FF",
      }
    }
  }
}

Hex values

Color 1#00FF00

Color 2#00FFFF

Color 3#FF00FF

Color 4#4B0082

Color 5#1E90FF

Accessibility

Contrast checker

1.1:1Fail

2.3:1Fail

9.4:1AAA

2.4:1Fail

1.1:1Fail

2.5:1Fail

10.3:1AAA

2.6:1Fail

2.3:1Fail

2.5:1Fail

4.1:1AA18

1:1Fail

9.4:1AAA

10.3:1AAA

4.1:1AA18

4:1AA18

2.4:1Fail

2.6:1Fail

1:1Fail

4:1AA18

Similar palettes

More like Aurora Borealis Hues

View all vibrant

Celestial Arctic Dance

Celestial Aurora Hues

Celestial Veil Dance

Ethereal Northern Glow

Northern Glow Shimmer

Polar Light Specter