Back to palettes

Palette

Aurora Borealis

Dazzling and fluid colors mimicking the magical, shifting lights of the aurora borealis.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#483D8B#00BFFF#32CD32#FFD700#ADFF2F

Palette guide

How to use Aurora Borealis

Overview

The "Aurora Borealis" palette (ID: aurora-borealis) is a dazzling and fluid collection of colors mimicking the magical, shifting lights of the aurora borealis. It features a deep slate blue #483D8B, a vibrant sky blue #00BFFF, a lively lime green #32CD32, a luminous gold #FFD700, and a fresh chartreuse #ADFF2F. This energetic and vibrant palette is ideal for designers looking to create dynamic, playful, or mystical experiences. The striking contrasts and harmonious blend of cool and warm tones make it perfect for digital interfaces, branding, or digital art that aims for a powerful and captivating aesthetic. It's a truly expressive and magical combination.

Best used for

  • Gaming interfaces and streaming platforms
  • Children's educational apps or websites
  • Creative marketing campaigns
  • Digital art and playful illustrations
  • Event promotions (festivals, concerts)
  • Youth-oriented energetic brands

Suggested color roles

primary

#00BFFF - A vibrant sky blue, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey energy.

secondary

#32CD32 - A lively lime green, excellent for supporting content, subheadings, or backgrounds that provide a fresh and energetic feel.

accent

#FFD700 - A luminous gold, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#483D8B - A deep slate blue, providing a sophisticated and grounding foundation against which the vibrant blues, greens, and gold truly shine.

text

#FFD700 - A luminous gold that offers excellent readability on #483D8B or #00BFFF, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #FFD700 or #ADFF2F has sufficient contrast when used for text on #483D8B or #00BFFF backgrounds.
  • #32CD32 can be used for headings on #483D8B, but always verify contrast for smaller text.
  • Avoid using #00BFFF text directly on #32CD32, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #FFD700 or white) for body text on the darkest palette shades.

Recommended combinations

Cosmic Play

Dynamic website headers, playful branding, or energetic app interfaces.

#483D8B · #00BFFF · #32CD32

Golden Glow

Vibrant infographics, celestial illustrations, or cheerful marketing materials.

#32CD32 · #FFD700 · #ADFF2F

Mystic Shift

Impactful presentations, futuristic UI elements, or striking event promotions.

#483D8B · #FFD700 · #ADFF2F

CSS variables

:root {
  --aurora-borealis-1: #483D8B;
  --aurora-borealis-2: #00BFFF;
  --aurora-borealis-3: #32CD32;
  --aurora-borealis-4: #FFD700;
  --aurora-borealis-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis": {
        1: "#483D8B",
        2: "#00BFFF",
        3: "#32CD32",
        4: "#FFD700",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

vibrant aurora borealis colorsblue green yellow palettecelestial energetic designnorthern lights UI schemeplayful cosmic branding

Palette colors

Hex values

Color 1#483D8B
·
Color 2#00BFFF
·
Color 3#32CD32
·
Color 4#FFD700
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.3:1AA18
4.3:1AA18
6.5:1AA
7.4:1AAA
2
4.3:1AA18
1:1Fail
1.5:1Fail
1.7:1Fail
3
4.3:1AA18
1:1Fail
1.5:1Fail
1.7:1Fail
4
6.5:1AA
1.5:1Fail
1.5:1Fail
1.1:1Fail
5
7.4:1AAA
1.7:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Aurora Borealis

View all vibrant
Aurora Sky Shimmer
Aurora Veil Lights
Cyber Glow
Galactic Aurora Dance
Northern Lights Shimmer
Techno Future City