Back to palettes

Palette

Cosmic Aurora Shimmer

A breathtaking mix of bold, iridescent colors, mirroring the magical glow of the northern lights in space.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#00FF7F#4682B4#00BFFF#FF1493

Palette guide

How to use Cosmic Aurora Shimmer

Overview

The Cosmic Aurora Shimmer palette is a breathtaking mix of bold, iridescent colors, mirroring the magical glow of the northern lights in space. It features an enchanting Blue Violet #8A2BE2, a brilliant Spring Green #00FF7F, and a cool Steel Blue #4682B4. These are complemented by a vibrant Deep Sky Blue #00BFFF and a striking Deep Pink #FF1493, creating a truly energetic and celestial display. This palette is perfect for designs that demand high visual impact, evoking wonder, vibrancy, and a futuristic or magical aesthetic, ideal for gaming, event branding, or dynamic digital art.

Best used for

  • Vibrant sci-fi game interfaces
  • Magical fantasy illustrations
  • Dynamic event advertising
  • Futuristic tech branding
  • Animated graphics and video effects
  • Bold social media campaigns

Suggested color roles

primary

Use Steel Blue #4682B4 for foundational elements, providing a strong, cool anchor.

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

A deep navy or 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 and Deep Pink #FF1493 are very bright; they will provide good contrast with dark colors.
  • Steel Blue #4682B4 and Deep Sky Blue #00BFFF provide good contrast with white text.
  • Ensure sufficient contrast for any text placed on Blue Violet #8A2BE2, especially with black.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Aurora Trails

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

#8A2BE2 · #00BFFF · #4682B4

Electric Burst

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

#00FF7F · #FF1493 · #8A2BE2

Dynamic Spectrum

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

#4682B4 · #FF1493 · #00FF7F

CSS variables

:root {
  --cosmic-aurora-shimmer-1: #8A2BE2;
  --cosmic-aurora-shimmer-2: #00FF7F;
  --cosmic-aurora-shimmer-3: #4682B4;
  --cosmic-aurora-shimmer-4: #00BFFF;
  --cosmic-aurora-shimmer-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-aurora-shimmer": {
        1: "#8A2BE2",
        2: "#00FF7F",
        3: "#4682B4",
        4: "#00BFFF",
        5: "#FF1493",
      }
    }
  }
}

Related searches

cosmic northern lights palettevibrant space colorsenergetic aurora schemefuturistic iridescent designmagical pink blue green

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#00FF7F
·
Color 3#4682B4
·
Color 4#00BFFF
·
Color 5#FF1493
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.4:1AA18
1.5:1Fail
2.8:1Fail
1.6:1Fail
2
4.4:1AA18
3.1:1AA18
1.6:1Fail
2.7:1Fail
3
1.5:1Fail
3.1:1AA18
1.9:1Fail
1.1:1Fail
4
2.8:1Fail
1.6:1Fail
1.9:1Fail
1.7:1Fail
5
1.6:1Fail
2.7:1Fail
1.1:1Fail
1.7:1Fail

Similar palettes

More like Cosmic Aurora Shimmer

View all vibrant
Astral Nebula Bloom
Aurora Borealis Glow
Celestial Aurora Hues
Celestial Nebula Hues
Celestial Veil Dance
Celestial Veil Dance