Palette

Aurora Borealis Dream

Deep, mysterious tones mingled with shimmering purples and blues, mirroring the aurora's dance.

DarkElegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A0A#2E0854#4B0082#8A2BE2#ADD8E6

Palette guide

How to use Aurora Borealis Dream

Overview

The "Aurora Borealis Dream" palette (ID: aurora-borealis-dream-4) is a captivating blend of deep, mysterious tones with shimmering purples and blues, mirroring the aurora's dance against a dark sky. It features a grounding black #0A0A0A, a deep eggplant #2E0854, a rich indigo #4B0082, a vibrant blue-violet #8A2BE2, and a serene light blue #ADD8E6. This palette is ideal for designers looking to create an elegant, mystical, and visually striking experience. The stark contrast between the dark base and the luminous purples and blues makes it perfect for dramatic digital art, sophisticated branding, or UI designs that aim for a celestial and modern aesthetic. It offers depth and brilliance in equal measure.

Best used for

Luxury event invitations or decor
Cosmic or space-themed branding
High-end fashion or beauty websites
Digital art and fantasy illustrations
Mystical or spiritual content platforms
Nightlife or entertainment branding

Suggested color roles

primary

#4B0082 - A rich indigo, ideal for main brand elements, important headings, or sections that convey depth, luxury, and mystery.

secondary

#2E0854 - A deep eggplant, excellent for supporting panels, sub-sections, or subtle backgrounds, adding a layer of sophistication.

accent

#8A2BE2 - A vibrant blue-violet, perfect for calls-to-action, interactive states, or small decorative elements that need to glow and attract attention.

background

#0A0A0A - A deep, true black, serving as a dramatic and elegant canvas that allows the luminous purples and blues to truly pop and shimmer.

text

#ADD8E6 - A light blue that offers excellent readability on #0A0A0A or #2E0854, or use a crisp white for general body text on the darkest backgrounds.

Accessibility notes

Ensure #ADD8E6 or #8A2BE2 has sufficient contrast when used for text on #0A0A0A or #2E0854 backgrounds.
#4B0082 can be used for headings on #0A0A0A, but always verify contrast for smaller text.
Avoid using #2E0854 text directly on #4B0082, as the contrast might be insufficient.
For optimal readability, use a very light color (like #ADD8E6 or white) for body text on the darker palette shades.

Recommended combinations

Cosmic Night

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

#0A0A0A · #2E0854 · #4B0082

Aurora Sparkle

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

#4B0082 · #8A2BE2 · #ADD8E6

Deep Violet

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

#0A0A0A · #8A2BE2 · #ADD8E6

CSS variables

:root {
  --aurora-borealis-dream-4-1: #0A0A0A;
  --aurora-borealis-dream-4-2: #2E0854;
  --aurora-borealis-dream-4-3: #4B0082;
  --aurora-borealis-dream-4-4: #8A2BE2;
  --aurora-borealis-dream-4-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-borealis-dream-4": {
        1: "#0A0A0A",
        2: "#2E0854",
        3: "#4B0082",
        4: "#8A2BE2",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#2E0854

Color 3#4B0082

Color 4#8A2BE2

Color 5#ADD8E6

Accessibility

Contrast checker

1.2:1Fail

1.5:1Fail

3.3:1AA18

13:1AAA

1.2:1Fail

1.3:1Fail

2.8:1Fail

10.7:1AAA

1.5:1Fail

1.3:1Fail

2.2:1Fail

8.5:1AAA

3.3:1AA18

2.8:1Fail

2.2:1Fail

3.9:1AA18

13:1AAA

10.7:1AAA

8.5:1AAA

3.9:1AA18

Similar palettes

More like Aurora Borealis Dream

View all Dark

Amethyst Star Cluster

Celestial Dust Cloud

Midnight Hues

Midnight Sky Aura

Starlight Masquerade Ball

Art Deco Sapphire