Palette

Celestial Aurora Glow

An otherworldly spectacle of shifting light, mimicking the vibrant, magical glow of the aurora borealis.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B0C3E#5A2D78#8D5EA8#C7BEE6#D7FFF0

Palette guide

How to use Celestial Aurora Glow

Overview

The Celestial Aurora Glow palette presents an otherworldly spectacle of shifting light, mimicking the vibrant, magical glow of the aurora borealis. It features a deep, mysterious aubergine #2B0C3E, transitioning through rich purples like #5A2D78 and #8D5EA8. The ethereal lavender #C7BEE6 and the soft, glowing mint #D7FFF0 provide a striking, almost iridescent contrast. This palette is perfect for designers and developers aiming to create energetic, mystical, and visually captivating experiences. Its unique blend of dark purples and unexpected light accents makes it ideal for digital art, fantasy themes, or innovative branding.

Best used for

Fantasy game UI or concept art
Mystical or spiritual brand identity
Digital art and illustration
Event posters (festivals, concerts)
Creative agency websites
Unique product packaging design

Suggested color roles

primary

#2B0C3E - A deep, dark aubergine, ideal for expansive backgrounds, headers, or main structural elements, providing a strong, mysterious foundation.

secondary

#5A2D78 - Use for subheadings, navigation, or large content blocks, offering a rich purple that adds depth.

accent

#D7FFF0 - A soft, glowing mint, perfect for call-to-action buttons, interactive elements, or striking visual highlights that truly pop.

background

#2B0C3E - Creates an immersive dark canvas, allowing the lighter purples and mint to glow dramatically.

text

#D7FFF0 - A light, glowing mint that offers excellent contrast and an ethereal feel against the dark purples, suitable for headings and key information.

Accessibility notes

Ensure #D7FFF0 text on #2B0C3E background meets WCAG AAA contrast for readability.
#C7BEE6 text on #8D5EA8 might have insufficient contrast; check carefully, especially for small text.
Avoid using #D7FFF0 as a background color for extensive text without a very dark text color.
For body text, consider a slightly desaturated white or very light gray if #D7FFF0 is too bright for prolonged reading.

Recommended combinations

Cosmic Bloom

Deep aubergine base, mid-purple for content, and glowing mint for accents and highlights.

#2B0C3E · #8D5EA8 · #D7FFF0

Ethereal Shift

Rich purple for main elements, a lighter lavender for secondary, and deep aubergine for grounding.

#5A2D78 · #C7BEE6 · #2B0C3E

Mystic Glow

Strong dark background with shimmering lavender and mint for an ethereal, glowing effect.

#2B0C3E · #C7BEE6 · #D7FFF0

CSS variables

:root {
  --celestial-aurora-glow-1: #2B0C3E;
  --celestial-aurora-glow-2: #5A2D78;
  --celestial-aurora-glow-3: #8D5EA8;
  --celestial-aurora-glow-4: #C7BEE6;
  --celestial-aurora-glow-5: #D7FFF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aurora-glow": {
        1: "#2B0C3E",
        2: "#5A2D78",
        3: "#8D5EA8",
        4: "#C7BEE6",
        5: "#D7FFF0",
      }
    }
  }
}

Hex values

Color 1#2B0C3E

Color 2#5A2D78

Color 3#8D5EA8

Color 4#C7BEE6

Color 5#D7FFF0

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

9.7:1AAA

15.9:1AAA

1.7:1Fail

2.1:1Fail

5.7:1AA

9.3:1AAA

3.5:1AA18

2.1:1Fail

2.8:1Fail

4.5:1AA

9.7:1AAA

5.7:1AA

2.8:1Fail

1.6:1Fail

15.9:1AAA

9.3:1AAA

4.5:1AA

1.6:1Fail

Similar palettes

More like Celestial Aurora Glow

View all vibrant

Celestial Aurora Hues

Cosmic Bloom Nebula

Galactic Aurora Hues

Galactic Nebula Bloom

Aurora Borealis Dance

Aurora Borealis Glow