Palette

Stardust Ether Glow

Deep purples and magentas imbued with sparkling essence, reflecting distant nebulae and cosmic phenomena.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stardust Ether 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 Stardust Ether Glow.

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

Data visualization

#3D005B#6A0572#9A00A4#CD00D4#1F003A

Palette guide

How to use Stardust Ether Glow

Overview

The Stardust Ether Glow palette offers a dramatic exploration of deep purples and intense magentas, perfect for designs requiring a touch of cosmic mystery. Anchored by the profound #3D005B and complemented by the vibrant #CD00D4, this collection evokes distant nebulae and sparkling stellar phenomena. Designers and developers can leverage its rich depth to create immersive digital experiences, captivating branding, and striking visual art. The darker tones like #1F003A provide a stable foundation, while brighter shades like #9A00A4 introduce an energetic, almost otherworldly glow. This palette is ideal for projects that aim to be both luxurious and enigmatic.

Best used for

Luxury brand identity
Sci-fi game interfaces
Mystical digital art
Night-themed event promotions
High-end fashion accents
Dramatic website backgrounds

Suggested color roles

primary

#3D005B serves as a deep, anchoring base, ideal for large sections or primary branding elements.

secondary

#6A0572 provides a rich supporting tone, adding depth and visual interest without overpowering.

accent

#CD00D4 offers a brilliant, vibrant pop, perfect for call-to-action buttons, highlights, or glowing effects.

background

#1F003A is the darkest shade, creating an immersive, subtly textured backdrop for cosmic themes.

text

For optimal readability, use a bright white or very light grey (e.g., #FFFFFF) against all the dark purples in this palette.

Accessibility notes

Ensure high contrast for text; light colors like white are essential on dark purples.
Avoid using #CD00D4 for small text on darker shades like #3D005B, as contrast will be insufficient.
The contrast between #3D005B and #6A0572 is low; use for large graphical elements, not critical text.
Interactive elements should have clear focus states with adequate contrast, perhaps using #CD00D4 against a darker primary.

Recommended combinations

Dramatic Focus

Ideal for prominent headers, call-to-action buttons, or striking feature sections.

#1F003A · #3D005B · #CD00D4

Nebula Gradient

Creates smooth, flowing background gradients or subtle depth in UI elements.

#3D005B · #6A0572 · #9A00A4

Mystic Highlight

Perfect for glowing effects, energetic accents, or captivating illustrations with a dark base.

#1F003A · #9A00A4 · #CD00D4

CSS variables

:root {
  --stardust-ether-glow-1: #3D005B;
  --stardust-ether-glow-2: #6A0572;
  --stardust-ether-glow-3: #9A00A4;
  --stardust-ether-glow-4: #CD00D4;
  --stardust-ether-glow-5: #1F003A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-ether-glow": {
        1: "#3D005B",
        2: "#6A0572",
        3: "#9A00A4",
        4: "#CD00D4",
        5: "#1F003A",
      }
    }
  }
}

Hex values

Color 1#3D005B

Color 2#6A0572

Color 3#9A00A4

Color 4#CD00D4

Color 5#1F003A

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

3.4:1AA18

1.2:1Fail

1.4:1Fail

1.5:1Fail

2.4:1Fail

1.7:1Fail

2.2:1Fail

1.5:1Fail

1.6:1Fail

2.6:1Fail

3.4:1AA18

2.4:1Fail

1.6:1Fail

4.1:1AA18

1.2:1Fail

1.7:1Fail

2.6:1Fail

4.1:1AA18

Similar palettes

More like Stardust Ether Glow

Cosmic Stardust Drift

Cosmic Veil Glimmer

Cosmic Void Shimmer