Back to palettes

Palette

Galactic Aurora Bloom

An electrifying display of cosmic purples, vibrant teals, and intense greens, like a celestial light show.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D00B3#8A2BE2#00FFFF#39FF14#FF00FF

Palette guide

How to use Galactic Aurora Bloom

Overview

The Galactic Aurora Bloom palette is an electrifying display of cosmic purples, vibrant teals, and intense greens, perfect for designers and developers seeking a futuristic and energetic aesthetic. Featuring deep violet #3D00B3, vivid blue-violet #8A2BE2, electric cyan #00FFFF, and luminous lime green #39FF14, this palette evokes a celestial light show. Its bold and high-contrast nature makes it ideal for digital environments that demand attention. The inclusion of bright magenta #FF00FF further enhances its dynamic and otherworldly appeal, providing ample opportunities for striking visual impact and memorable user experiences across various platforms.

Best used for

  • Sci-fi game user interfaces
  • Vibrant event branding and posters
  • Futuristic digital art and illustrations
  • Fashion and apparel graphic design
  • High-energy entertainment websites
  • Interactive virtual reality experiences

Suggested color roles

primary

#3D00B3 serves as a deep, mysterious foundation, anchoring the vibrant energy.

secondary

#8A2BE2 provides a complementary, rich purple, ideal for supporting elements.

accent

#00FFFF delivers a high-impact, electric pop, perfect for calls to action or key highlights. #39FF14 can also be used for energetic, luminous accents.

background

A dark base like #3D00B3 or a near-black neutral ensures maximum contrast for the bright hues.

text

White or a very light grey for main text, with #FF00FF or #00FFFF for accent headings or interactive elements on dark backgrounds.

Accessibility notes

  • Ensure high contrast between vibrant colors and text, especially for small font sizes.
  • Avoid using #00FFFF text directly on #39FF14 or similar bright hues without a strong contrast background.
  • Check luminosity ratios for all text and interactive elements against their backgrounds.
  • Use white or near-white text on #3D00B3 and #8A2BE2 for optimal readability.

Recommended combinations

Cosmic Depth

Ideal for futuristic UI elements, splash screens, or bold header designs.

#3D00B3 · #00FFFF · #FF00FF

Energetic Glow

Excellent for gaming interfaces, dynamic infographics, or vibrant call-to-action buttons.

#8A2BE2 · #39FF14 · #00FFFF

Deep & Vibrant

Perfect for brand logos, event banners, or hero sections demanding attention.

#3D00B3 · #8A2BE2 · #FF00FF

CSS variables

:root {
  --galactic-aurora-bloom-1: #3D00B3;
  --galactic-aurora-bloom-2: #8A2BE2;
  --galactic-aurora-bloom-3: #00FFFF;
  --galactic-aurora-bloom-4: #39FF14;
  --galactic-aurora-bloom-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-aurora-bloom": {
        1: "#3D00B3",
        2: "#8A2BE2",
        3: "#00FFFF",
        4: "#39FF14",
        5: "#FF00FF",
      }
    }
  }
}

Related searches

vibrant neon palettefuturistic color schemeaurora borealis colorscosmic purple greenelectric ui colors

Palette colors

Hex values

Color 1#3D00B3
·
Color 2#8A2BE2
·
Color 3#00FFFF
·
Color 4#39FF14
·
Color 5#FF00FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
9.1:1AAA
8.4:1AAA
3.6:1AA18
2
1.9:1Fail
4.8:1AA
4.4:1AA18
1.9:1Fail
3
9.1:1AAA
4.8:1AA
1.1:1Fail
2.5:1Fail
4
8.4:1AAA
4.4:1AA18
1.1:1Fail
2.3:1Fail
5
3.6:1AA18
1.9:1Fail
2.5:1Fail
2.3:1Fail

Similar palettes

More like Galactic Aurora Bloom

View all vibrant
Celestial Veil Dance
Celestial Veil Dance
Cyber Glow
Cyber Glow Graffiti
Cyber Orchid Glow
Cybernetic Circuit Glow