Back to palettes

Palette

Aurora Borealis Glow

A dazzling display of vibrant purples and pinks, mirroring the magical northern lights.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A003D#80006F#BD0080#E000B2#FFA5C0

Palette guide

How to use Aurora Borealis Glow

Overview

The "Aurora Borealis Glow" palette (ID: aurora-borealis-glow-4) is a dazzling display of vibrant purples and pinks, mirroring the magical northern lights. It transitions from a deep, mysterious plum #4A003D to a rich magenta #80006F, a bold fuchsia #BD0080, an electric pink #E000B2, and a soft, luminous rose #FFA5C0. This energetic and vibrant palette is ideal for designers looking to create dramatic, feminine, or cosmic experiences. The high contrast between the dark base and the glowing pinks and purples makes it perfect for digital interfaces, fashion branding, or art that aims for a powerful and captivating aesthetic. It's a truly expressive and magical combination.

Best used for

  • Beauty or cosmetics branding
  • Fashion websites and editorials
  • Event promotions (parties, concerts)
  • Digital art and abstract illustrations
  • Feminine tech or app interfaces
  • Nightlife or entertainment venues

Suggested color roles

primary

#BD0080 - A bold fuchsia, ideal for main interactive elements, key calls-to-action, or prominent sections that demand attention and convey passion.

secondary

#80006F - A rich magenta, excellent for supporting content, subheadings, or backgrounds that require depth and a mysterious allure.

accent

#E000B2 - An electric pink, perfect for highlights, hover states, or small decorative elements that need to pop with a vibrant, energetic glow.

background

#4A003D - A deep plum, providing a sophisticated and dramatic foundation against which the glowing pinks and purples truly shine.

text

#FFA5C0 - A soft rose that offers excellent readability on #4A003D or #80006F, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

  • Ensure #FFA5C0 or #E000B2 has sufficient contrast when used for text on #4A003D or #80006F backgrounds.
  • #BD0080 can be used for headings on #4A003D, but always verify contrast for smaller text.
  • Avoid using #80006F text directly on #BD0080, as the contrast might be insufficient.
  • For optimal readability, use a very light color (like #FFA5C0 or white) for body text on the darkest palette shades.

Recommended combinations

Cosmic Bloom

Elegant dark mode UI, sophisticated branding, or dramatic digital backgrounds.

#4A003D · #80006F · #BD0080

Aurora Sparkle

Vibrant hero sections, celestial infographics, or ethereal artistic designs.

#BD0080 · #E000B2 · #FFA5C0

Pink Nebula

Impactful headers, futuristic UI elements, or striking event promotions.

#4A003D · #E000B2 · #FFA5C0

CSS variables

:root {
  --aurora-borealis-glow-4-1: #4A003D;
  --aurora-borealis-glow-4-2: #80006F;
  --aurora-borealis-glow-4-3: #BD0080;
  --aurora-borealis-glow-4-4: #E000B2;
  --aurora-borealis-glow-4-5: #FFA5C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-glow-4": {
        1: "#4A003D",
        2: "#80006F",
        3: "#BD0080",
        4: "#E000B2",
        5: "#FFA5C0",
      }
    }
  }
}

Related searches

vibrant pink purple paletteaurora light colorscosmic feminine brandingenergetic magenta schemeglowing northern lights UI

Palette colors

Hex values

Color 1#4A003D
·
Color 2#80006F
·
Color 3#BD0080
·
Color 4#E000B2
·
Color 5#FFA5C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.5:1AA18
8.4:1AAA
2
1.6:1Fail
1.6:1Fail
2.2:1Fail
5.3:1AA
3
2.6:1Fail
1.6:1Fail
1.4:1Fail
3.3:1AA18
4
3.5:1AA18
2.2:1Fail
1.4:1Fail
2.4:1Fail
5
8.4:1AAA
5.3:1AA
3.3:1AA18
2.4:1Fail

Similar palettes

More like Aurora Borealis Glow

View all vibrant
Celestial Aurora Hues
Celestial Veil Dance
Cosmic Aurora Shimmer
Astral Nebula Bloom
Aurora Borealis Hues
Celestial Arctic Dance