Palette

Cosmic Aurora Glow

A mesmerizing spectacle of celestial lights dancing across the dark canvas of the arctic sky.

Vibrantenergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF7F#2E0854#8A2BE2#40E0D0#008B8B

Palette guide

How to use Cosmic Aurora Glow

Overview

The Cosmic Aurora Glow palette is a mesmerizing spectacle of celestial lights dancing across a dark canvas. It features a brilliant Spring Green #00FF7F, a deep Dark Violet #2E0854, and an enchanting Blue Violet #8A2BE2. These vibrant hues are complemented by a refreshing Turquoise #40E0D0 and a profound Dark Cyan #008B8B, creating a sense of otherworldly energy. This palette is perfect for designs that aim to evoke mystery, vibrancy, and a futuristic or magical feel, ideal for gaming, abstract art, or dynamic digital interfaces.

Best used for

Sci-fi game interfaces
Fantasy book covers
Vibrant digital art
Event branding (music festivals, tech conferences)
Futuristic website designs
Animated graphics and video effects

Suggested color roles

primary

Use Dark Violet #2E0854 for foundational backgrounds, providing a deep, mysterious base.

secondary

Blue Violet #8A2BE2 can be used for sub-sections or containers, adding depth and intrigue.

accent

Spring Green #00FF7F provides a brilliant, electric highlight for important details or interactive elements.

background

Dark Violet #2E0854 or a deep black for a dramatic, immersive background.

text

White or a very light gray provides optimal readability against the dark colors.

Accessibility notes

Spring Green #00FF7F is very bright; it will provide good contrast with dark colors but can be intense.
Dark Violet #2E0854 and Dark Cyan #008B8B provide excellent contrast with white text.
Ensure sufficient contrast for any text placed on Turquoise #40E0D0 or Blue Violet #8A2BE2, especially with black.
Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Aurora Depths

Ideal for backgrounds, creating a sense of cosmic depth and mystery.

#2E0854 · #8A2BE2 · #008B8B

Electric Glow

Excellent for highlights, interactive elements, or text that needs to appear vibrant and ethereal.

#00FF7F · #40E0D0 · #8A2BE2

Dynamic Contrast

Use for striking visual elements, calls-to-action, or graphic details that demand attention.

#2E0854 · #00FF7F · #40E0D0

CSS variables

:root {
  --cosmic-aurora-glow-1: #00FF7F;
  --cosmic-aurora-glow-2: #2E0854;
  --cosmic-aurora-glow-3: #8A2BE2;
  --cosmic-aurora-glow-4: #40E0D0;
  --cosmic-aurora-glow-5: #008B8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-aurora-glow": {
        1: "#00FF7F",
        2: "#2E0854",
        3: "#8A2BE2",
        4: "#40E0D0",
        5: "#008B8B",
      }
    }
  }
}

Hex values

Color 1#00FF7F

Color 2#2E0854

Color 3#8A2BE2

Color 4#40E0D0

Color 5#008B8B

Accessibility

Contrast checker

12.2:1AAA

4.4:1AA18

1.2:1Fail

3.1:1AA18

12.2:1AAA

2.8:1Fail

10:1AAA

4:1AA18

4.4:1AA18

2.8:1Fail

3.6:1AA18

1.4:1Fail

1.2:1Fail

10:1AAA

3.6:1AA18

2.5:1Fail

3.1:1AA18

4:1AA18

1.4:1Fail

2.5:1Fail

Similar palettes

More like Cosmic Aurora Glow

View all Vibrant

Cosmic Gem Nebula

Coral Reef Kaleidoscope

Crimson Ridge Sunset

Electric Cyber Wave

Enchanted Forest Bloom

Exotic Isle Refresh