Back to palettes

Palette

Celestial Aura Bloom

A mystical and enchanting palette inspired by cosmic flora in the night sky, deep and luminous.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Aura Bloom 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 Aura Bloom.

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

Data visualization

#200E4A#5B2A80#7FFFD4#0A0B10#D4AF37

Palette guide

How to use Celestial Aura Bloom

Overview

The Celestial Aura Bloom palette is a mystical and enchanting collection, drawing inspiration from cosmic flora. It features a profound, almost black base #0A0B10, deep purples like #200E4A and #5B2A80, and striking, luminous accents. The vibrant aquamarine #7FFFD4 provides an ethereal glow, while the rich golden #D4AF37 adds a touch of regal elegance. This palette offers designers and developers a unique opportunity to create luxurious, mysterious, and visually captivating experiences. Its dark foundation with brilliant highlights is perfect for premium branding, artistic websites, or high-end digital interfaces.

Best used for

  • Luxury brand websites or packaging
  • Mystical or fantasy-themed digital products
  • High-end fashion or jewelry branding
  • Artistic portfolio sites
  • Event invitations (galas, exclusive parties)
  • Dark mode UI for sophisticated apps

Suggested color roles

primary

#0A0B10 - The foundational dark, perfect for full-page backgrounds, headers, and main structural elements, providing deep contrast.

secondary

#200E4A - Use for sub-sections, secondary navigation, or large typography where a rich, dark purple adds depth without competing.

accent

#7FFFD4 - A brilliant aquamarine, ideal for interactive elements, hover states, or focal points that need to glow against the dark.

background

#0A0B10 - Creates an immersive, sophisticated dark canvas, making the jewel tones pop dramatically.

text

#D4AF37 - A luxurious gold for headings and key text, or a light grey/white for body text against the dark backgrounds.

Accessibility notes

  • Ensure white or #7FFFD4 text on #0A0B10 or #200E4A backgrounds meets WCAG AAA contrast.
  • #D4AF37 on #0A0B10 provides good contrast for headings, but check for smaller body text.
  • Avoid using #5B2A80 text on #200E4A backgrounds, as contrast will be insufficient.
  • For interactive elements, ensure the #7FFFD4 accent has sufficient contrast against its surrounding background.

Recommended combinations

Cosmic Jewel

Deep black background, rich purple for content blocks, and opulent gold for highlights and titles.

#0A0B10 · #5B2A80 · #D4AF37

Ethereal Night

Dark purple base with a glowing aquamarine accent, grounded by a deep black.

#200E4A · #7FFFD4 · #0A0B10

Mystic Bloom

Stark dark background with vibrant aquamarine and golden accents for a dramatic, luxurious feel.

#0A0B10 · #7FFFD4 · #D4AF37

CSS variables

:root {
  --celestial-aura-bloom-1: #200E4A;
  --celestial-aura-bloom-2: #5B2A80;
  --celestial-aura-bloom-3: #7FFFD4;
  --celestial-aura-bloom-4: #0A0B10;
  --celestial-aura-bloom-5: #D4AF37;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-aura-bloom": {
        1: "#200E4A",
        2: "#5B2A80",
        3: "#7FFFD4",
        4: "#0A0B10",
        5: "#D4AF37",
      }
    }
  }
}

Related searches

dark mystic color palettejewel tone cosmic schemeluxurious purple gold designethereal dark UI colorscosmic flora palette

Palette colors

Hex values

Color 1#200E4A
·
Color 2#5B2A80
·
Color 3#7FFFD4
·
Color 4#0A0B10
·
Color 5#D4AF37
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
14:1AAA
1.1:1Fail
8.2:1AAA
2
1.7:1Fail
8.2:1AAA
2:1Fail
4.8:1AA
3
14:1AAA
8.2:1AAA
16.1:1AAA
1.7:1Fail
4
1.1:1Fail
2:1Fail
16.1:1AAA
9.3:1AAA
5
8.2:1AAA
4.8:1AA
1.7:1Fail
9.3:1AAA

Similar palettes

More like Celestial Aura Bloom

View all dark