Back to palettes

Palette

Celestial Aurora Burst

Deep space blues illuminated by an otherworldly burst of vivid purples and electric cyan.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#001F3F#222E50#555CB3#A500D1#00FFFF

Palette guide

How to use Celestial Aurora Burst

Overview

The Celestial Aurora Burst palette is an energetic and vibrant collection inspired by a dramatic cosmic event. It builds from deep space blues like #001F3F and #222E50, transitioning into a striking medium blue #555CB3. The palette truly bursts with the intense purple #A500D1 and the electric cyan #00FFFF, creating a dynamic, neon-like effect. This combination offers designers and developers a powerful toolkit for projects demanding high energy, modern aesthetics, and a futuristic appeal. It's particularly effective for digital art, gaming, and any interface seeking to make a bold, unforgettable statement.

Best used for

  • Gaming interfaces and streaming overlays
  • Sci-fi movie posters or digital art
  • Tech and innovation company branding
  • Energetic event promotions
  • Dark mode applications with vibrant accents
  • Modern music production visuals

Suggested color roles

primary

#001F3F - A deep, dark blue perfect for expansive backgrounds, setting a mysterious and immersive tone.

secondary

#222E50 - Use for secondary content areas, panels, or gradients, providing a softer transition from the primary dark.

accent

#A500D1 - A powerful, vivid purple ideal for call-to-action buttons, interactive elements, or key focal points demanding attention.

background

#001F3F - Creates a deep space canvas, allowing the vibrant purples and cyan to truly explode.

text

#00FFFF - An electric cyan, offering high contrast and a futuristic glow against the dark blues, suitable for headings and highlights.

Accessibility notes

  • #00FFFF text on #001F3F provides excellent contrast and is generally readable.
  • Ensure #A500D1 on #001F3F or #222E50 meets contrast requirements for critical information.
  • Avoid using #555CB3 text on #222E50 as contrast might be insufficient for readability.
  • For body text, consider a slightly desaturated white or light gray if #00FFFF is too bright for prolonged reading.

Recommended combinations

Cosmic Flare

Deep blue background with a powerful purple accent and electric cyan for highlights.

#001F3F · #A500D1 · #00FFFF

Nebula Glow

Layered blues with a striking purple to create depth and focus.

#222E50 · #555CB3 · #A500D1

Electric Horizon

Dark base with a mid-blue for structure and a bright cyan for energetic accents.

#001F3F · #555CB3 · #00FFFF

CSS variables

:root {
  --celestial-aurora-burst-1: #001F3F;
  --celestial-aurora-burst-2: #222E50;
  --celestial-aurora-burst-3: #555CB3;
  --celestial-aurora-burst-4: #A500D1;
  --celestial-aurora-burst-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aurora-burst": {
        1: "#001F3F",
        2: "#222E50",
        3: "#555CB3",
        4: "#A500D1",
        5: "#00FFFF",
      }
    }
  }
}

Related searches

electric aurora palettevibrant space colorsneon purple blue designfuturistic dark themeenergetic cyan purple scheme

Palette colors

Hex values

Color 1#001F3F
·
Color 2#222E50
·
Color 3#555CB3
·
Color 4#A500D1
·
Color 5#00FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.8:1Fail
2.8:1Fail
13.2:1AAA
2
1.2:1Fail
2.3:1Fail
2.2:1Fail
10.6:1AAA
3
2.8:1Fail
2.3:1Fail
1:1Fail
4.7:1AA
4
2.8:1Fail
2.2:1Fail
1:1Fail
4.8:1AA
5
13.2:1AAA
10.6:1AAA
4.7:1AA
4.8:1AA

Similar palettes

More like Celestial Aurora Burst

View all vibrant
Cosmic Ray Burst
Cyberpunk City Lights
Cyberpunk Glitch Glow
Galactic Cyber Pulse
Galactic Dreamscape
Neon Alley Surge