Palette

Galactic Aurora Dance

A breathtaking display of vibrant, swirling light and color, like an aurora against the vastness of space.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#4B0082#8A2BE2#32CD32#00FF7F

Palette guide

How to use Galactic Aurora Dance

Overview

The Galactic Aurora Dance palette captures a breathtaking display of vibrant, swirling light and color, perfect for projects needing an energetic and cosmic feel. Featuring deep navy #000080, mysterious indigo #4B0082, vivid blue-violet #8A2BE2, bright lime green #32CD32, and luminous spring green #00FF7F, this palette offers a dynamic range for designers. It's ideal for evoking the vastness of space intertwined with the vibrant glow of an aurora. Developers can leverage these intense hues to create captivating interfaces, immersive gaming environments, or eye-catching digital campaigns that pop.

Best used for

Gaming user interfaces and assets
High-energy event promotions
Digital art and interactive installations
Entertainment branding and marketing
Futuristic product design visuals
Dynamic website hero sections

Suggested color roles

primary

#000080 provides a stable, dark foundation, perfect for backgrounds or main structural elements.

secondary

#4B0082 offers a mysterious deep purple, ideal for secondary navigation or content areas.

accent

#32CD32 delivers a bright, energetic pop for calls to action or key highlights. #00FF7F provides an even more luminous glow.

background

Deep navy #000080 creates an immersive, dark backdrop that makes the vibrant colors shine.

text

White or a very light grey for general readability on dark backgrounds, with #00FF7F for accent headings or interactive elements.

Accessibility notes

Ensure white or light grey text has sufficient contrast on #000080 and #4B0082 backgrounds.
Be cautious when using #32CD32 or #00FF7F for small text; they may require larger font sizes or bolder weights.
Avoid placing #00FF7F text directly on #32CD32 as contrast will be insufficient.
Check contrast ratios for all interactive elements to ensure they are easily discernible.

Recommended combinations

Sci-Fi Interface

Creates a dark, futuristic aesthetic for application dashboards or game menus.

#000080 · #8A2BE2 · #00FF7F

Energetic Graphics

Perfect for vibrant event posters, social media graphics, or dynamic infographics.

#4B0082 · #32CD32 · #8A2BE2

Luminous Glow

Ideal for digital art backgrounds, subtle light effects, or brand accents.

#000080 · #00FF7F · #32CD32

CSS variables

:root {
  --galactic-aurora-dance-1: #000080;
  --galactic-aurora-dance-2: #4B0082;
  --galactic-aurora-dance-3: #8A2BE2;
  --galactic-aurora-dance-4: #32CD32;
  --galactic-aurora-dance-5: #00FF7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-aurora-dance": {
        1: "#000080",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#32CD32",
        5: "#00FF7F",
      }
    }
  }
}

Hex values

Color 1#000080

Color 2#4B0082

Color 3#8A2BE2

Color 4#32CD32

Color 5#00FF7F

Accessibility

Contrast checker

1.2:1Fail

2.7:1Fail

7.6:1AAA

11.9:1AAA

1.2:1Fail

2.2:1Fail

6.1:1AA

9.6:1AAA

2.7:1Fail

2.2:1Fail

2.8:1Fail

4.4:1AA18

7.6:1AAA

6.1:1AA

2.8:1Fail

1.6:1Fail

11.9:1AAA

9.6:1AAA

4.4:1AA18

1.6:1Fail

Similar palettes

More like Galactic Aurora Dance

View all vibrant

Astral Nebula Bloom

Aurora Borealis

Aurora Borealis Dance

Celestial Aurora Dance

Celestial Firestorm

Cosmic Bloom Nebula