Back to palettes

Palette

Midnight Sky Aura

The profound, majestic blues and purples of a starlit midnight sky, full of quiet wonder.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Sky Aura 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 Midnight Sky Aura.

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

Data visualization

#191970#00008B#483D8B#6A5ACD#7B68EE

Palette guide

How to use Midnight Sky Aura

Overview

The "Midnight Sky Aura" palette is a captivating journey through the majestic and mystical hues of a starlit night sky. Dominated by deep, profound blues and purples, it begins with a rich midnight blue (#191970) and transitions to a classic dark blue (#00008B). A vibrant slate blue (#483D8B) introduces depth, while a striking medium slate blue (#6A5ACD) and a luminous medium purple (#7B68EE) add ethereal highlights. This palette is ideal for designers and developers seeking to evoke wonder, elegance, and a sense of the sublime, perfect for projects with a luxurious, spiritual, or dreamlike quality.

Best used for

  • Mystical or spiritual brand identities
  • Luxury event branding or decor
  • Sci-fi or fantasy game interfaces
  • Night-sky themed digital art
  • Elegant website backgrounds or hero sections
  • High-end technology marketing

Suggested color roles

primary

#191970 acts as a deep, anchoring background, providing a sense of endless depth and mystery.

secondary

#00008B is excellent for headers, navigation, or larger informational blocks, maintaining the dark, sophisticated feel.

accent

#7B68EE offers a brilliant, ethereal highlight for call-to-actions, interactive elements, or illustrative details, drawing the eye.

background

While primarily dark, if a lighter touch is needed, a very light grey or near-white can complement this palette for text, but the palette itself is designed for dark themes. For content, use #6A5ACD or #7B68EE as background for text.

text

For dark backgrounds like #191970 or #00008B, use #7B68EE or white for optimal contrast. On lighter elements like #7B68EE, use #191970 or black.

Accessibility notes

  • Text on the darkest backgrounds (#191970, #00008B) should use the lightest colors (#7B68EE or white) for readability.
  • Be cautious when pairing #6A5ACD or #7B68EE as text on mid-tone backgrounds, always check contrast ratios.
  • Ensure interactive elements using #7B68EE have sufficient contrast against their surrounding color.
  • For extensive body text, consider using white or a very light grey on the deep blues to ensure long-form readability.

Recommended combinations

Deep Cosmos

Creates a dramatic and luxurious dark theme, perfect for impactful hero sections or premium digital experiences.

#191970 · #00008B · #7B68EE

Ethereal Glow

Ideal for subtle gradients, layered effects, or background elements that evoke a soft, mystical luminosity.

#483D8B · #6A5ACD · #7B68EE

Starlight Contrast

Effective for highlighting key information or calls to action against a deep background, creating a sense of wonder.

#191970 · #6A5ACD · #7B68EE

CSS variables

:root {
  --midnight-sky-aura-1: #191970;
  --midnight-sky-aura-2: #00008B;
  --midnight-sky-aura-3: #483D8B;
  --midnight-sky-aura-4: #6A5ACD;
  --midnight-sky-aura-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-sky-aura": {
        1: "#191970",
        2: "#00008B",
        3: "#483D8B",
        4: "#6A5ACD",
        5: "#7B68EE",
      }
    }
  }
}

Related searches

dark mystical blue paletteelegant night sky colorsdeep purple blue themecosmic aura aestheticluxurious dark UI

Palette colors

Hex values

Color 1#191970
·
Color 2#00008B
·
Color 3#483D8B
·
Color 4#6A5ACD
·
Color 5#7B68EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.6:1Fail
2.8:1Fail
3.6:1AA18
2
1:1Fail
1.7:1Fail
2.9:1Fail
3.7:1AA18
3
1.6:1Fail
1.7:1Fail
1.7:1Fail
2.2:1Fail
4
2.8:1Fail
2.9:1Fail
1.7:1Fail
1.3:1Fail
5
3.6:1AA18
3.7:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Midnight Sky Aura

View all Dark
Art Deco Sapphire
Midnight Hues
Amethyst Star Cluster
Aurora Borealis Dream
Midnight Velvet Aura
Royal Gem Casket