Palette

Mystical Aurora Hues

Deep, enigmatic blues and purples evoking the elusive and enchanting dance of the aurora in a dark sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0F1D#2B3D6B#5E699B#9CA5C2#BCCBD9

Palette guide

How to use Mystical Aurora Hues

Overview

The Mystical Aurora Hues palette presents a sophisticated collection of deep, enigmatic blues and purples, capturing the elusive beauty of the aurora against a dark night sky. Starting with the profound #0A0F1D, it transitions through a rich cosmic blue #2B3D6B and a muted violet #5E699B, culminating in softer, ethereal tones like #9CA5C2 and #BCCBD9. This palette is perfect for projects seeking an elegant, mysterious, and serene atmosphere. Designers and developers will find these colors excellent for creating luxurious, fantasy-driven, or contemplative digital and physical spaces.

Best used for

High-end luxury branding
Fantasy game interfaces and concept art
Elegant website design for creative agencies
Space or cosmic-themed digital illustrations
Event branding for sophisticated evening events
Packaging for premium beauty or lifestyle products

Suggested color roles

primary

A deep, almost black indigo, serving as a powerful and elegant base for backgrounds, headers, and core branding, conveying luxury and depth (#0A0F1D).

secondary

A rich, profound cosmic blue, ideal for subheadings, navigation, or significant graphical elements, adding a layer of sophistication (#2B3D6B).

accent

A muted yet enchanting violet-blue, perfect for subtle highlights, interactive elements, or decorative patterns, adding a touch of mystique (#5E699B).

background

A very light, cool grey-blue, providing an airy and refined canvas for content, ensuring readability with darker text (#BCCBD9).

text

The darkest shade, ensuring excellent contrast and legibility for body text, titles, and important information on lighter backgrounds like #BCCBD9 (#0A0F1D).

Accessibility notes

Ensure sufficient contrast when using #0A0F1D or #2B3D6B for text on lighter backgrounds like #BCCBD9 or #9CA5C2.
Avoid using #5E699B text on #9CA5C2 or #BCCBD9 for body copy due to potential low contrast.
White or very light text will be highly legible on the darker shades like #0A0F1D and #2B3D6B.
Test all color pairings, especially interactive elements, for readability and WCAG compliance.

Recommended combinations

Cosmic Twilight

A deep, gradient-like blend perfect for dramatic backgrounds, luxury interfaces, or celestial-themed visuals.

#0A0F1D · #2B3D6B · #5E699B

Ethereal Glow

A soft, harmonious trio ideal for gentle accents, subtle illustrations, or serene interface elements.

#5E699B · #9CA5C2 · #BCCBD9

Night Sky Contrast

Provides a strong visual hierarchy, suitable for dark mode themes with highlighted content or elegant branding with subtle accents.

#0A0F1D · #5E699B · #BCCBD9

CSS variables

:root {
  --mystical-aurora-hues-1: #0A0F1D;
  --mystical-aurora-hues-2: #2B3D6B;
  --mystical-aurora-hues-3: #5E699B;
  --mystical-aurora-hues-4: #9CA5C2;
  --mystical-aurora-hues-5: #BCCBD9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-aurora-hues": {
        1: "#0A0F1D",
        2: "#2B3D6B",
        3: "#5E699B",
        4: "#9CA5C2",
        5: "#BCCBD9",
      }
    }
  }
}

Hex values

Color 1#0A0F1D

Color 2#2B3D6B

Color 3#5E699B

Color 4#9CA5C2

Color 5#BCCBD9

Accessibility

Contrast checker

1.8:1Fail

3.6:1AA18

7.8:1AAA

11.5:1AAA

1.8:1Fail

2:1Fail

4.3:1AA18

6.4:1AA

3.6:1AA18

2:1Fail

2.2:1Fail

3.2:1AA18

7.8:1AAA

4.3:1AA18

2.2:1Fail

1.5:1Fail

11.5:1AAA

6.4:1AA

3.2:1AA18

1.5:1Fail

Similar palettes

More like Mystical Aurora Hues

Celestial Dust Glimmer

Celestial Dust Trail

Celestial Night Garden