Back to palettes

Palette

Galactic Aurora Hues

A celestial dance of electric greens and purples, capturing the otherworldly beauty of an aurora.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#00CED1#32CD32#DAA520

Palette guide

How to use Galactic Aurora Hues

Overview

The Galactic Aurora Hues palette captures a celestial dance of electric greens and purples, infused with a touch of golden warmth, reflecting the otherworldly beauty of an aurora. Featuring deep indigo #4B0082, vibrant blue-violet #8A2BE2, electric teal #00CED1, bright lime green #32CD32, and a striking goldenrod #DAA520, this palette is genuinely useful for designers aiming for a mystical and energetic aesthetic. Developers can leverage these bright, contrasting hues to create immersive fantasy game environments, captivating digital art, or unique branding that stands out with its cosmic and vibrant appeal.

Best used for

  • Creative and artistic branding
  • Immersive fantasy game environments
  • Festival and event graphics
  • Unique product packaging design
  • Digital art and illustration
  • Dynamic website hero sections

Suggested color roles

primary

#4B0082 serves as a mysterious, strong base, providing depth and sophistication.

secondary

#8A2BE2 offers a vibrant supporting purple, ideal for secondary elements or gradients.

accent

#00CED1 provides an electric teal highlight, perfect for interactive elements. #32CD32 for energetic pops, and #DAA520 for a unique warm contrast.

background

A deep hue like #4B0082 for a rich, dark theme, or a neutral dark grey to let the colors pop.

text

White or a light grey for general text on dark backgrounds, with #DAA520 for headings or key information on darker shades.

Accessibility notes

  • Ensure high contrast for text on deep backgrounds like #4B0082, using white or very light grey.
  • Be cautious when using #00CED1 or #32CD32 for small text; they may require bolder fonts or lighter backgrounds.
  • Check contrast between #DAA520 and other vibrant colors, especially when used for text or small icons.
  • Avoid light-colored text on #DAA520 as it will likely lack sufficient contrast.

Recommended combinations

Mystical Depth

Creates a rich, enchanting look for fantasy UI elements or prominent headers.

#4B0082 · #00CED1 · #DAA520

Electric Glow

Ideal for dynamic infographics, loading animations, or energetic brand assets.

#8A2BE2 · #32CD32 · #00CED1

Warm Accent

Perfect for highlighting key information, call-to-action buttons, or unique branding elements.

#4B0082 · #DAA520 · #8A2BE2

CSS variables

:root {
  --galactic-aurora-hues-1: #4B0082;
  --galactic-aurora-hues-2: #8A2BE2;
  --galactic-aurora-hues-3: #00CED1;
  --galactic-aurora-hues-4: #32CD32;
  --galactic-aurora-hues-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-aurora-hues": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#00CED1",
        4: "#32CD32",
        5: "#DAA520",
      }
    }
  }
}

Related searches

electric aurora palettemystical cosmic colorspurple teal goldfantasy ui colorsvibrant space theme

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#00CED1
·
Color 4#32CD32
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
6.6:1AA
6.1:1AA
5.8:1AA
2
2.2:1Fail
3:1AA18
2.8:1Fail
2.7:1Fail
3
6.6:1AA
3:1AA18
1.1:1Fail
1.1:1Fail
4
6.1:1AA
2.8:1Fail
1.1:1Fail
1.1:1Fail
5
5.8:1AA
2.7:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Galactic Aurora Hues

View all vibrant
Celestial Aurora Glow
Celestial Firestorm
Cosmic Bloom Nebula
Cosmic Dawn Hues
Cosmic Dust Trails
Cosmic Nebula Swirl