Palette

Galactic Stardust Trail

Deep purples and blues speckled with shimmering stardust, evoking the vast beauty of outer space.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Stardust Trail 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 Galactic Stardust Trail.

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

Data visualization

#2A0E3C#5C2B7E#8A59C2#1C0A29#4B1D6A

Palette guide

How to use Galactic Stardust Trail

Overview

The Galactic Stardust Trail palette (version 3) plunges into profound purples, delivering a rich and mysterious cosmic aesthetic. With a very dark black-purple #1C0A29, a deep indigo-purple #2A0E3C, a rich royal purple #4B1D6A, a vibrant violet #5C2B7E, and a bright medium purple #8A59C2, this collection is both luxurious and dramatic. Designers and developers can harness its deep, saturated tones to create high-end tech interfaces, immersive game environments, or elegant branding. It's an excellent choice for projects that demand a sense of depth, sophistication, and a touch of the unknown, making every element feel part of a grand cosmic narrative.

Best used for

Luxury brand identity and high-end tech products
Immersive game environments and cinematic visuals
Elegant dark mode user interfaces
Artistic portfolios with a dramatic flair
Science fiction and fantasy media design
Sophisticated event themes and digital invitations

Suggested color roles

primary

Utilize #1C0A29 as the foundational background, establishing a truly deep, luxurious and mysterious base.

secondary

Apply #2A0E3C for main content panels, headers, or large sections, providing a rich supporting layer.

accent

Deploy #8A59C2 for interactive elements, key information, or artistic highlights to provide a vibrant focal point.

background

Use #1C0A29 for an expansive, profound dark background, ideal for showcasing lighter elements dramatically.

text

Employ a crisp white or #8A59C2 for headings, and a very light gray for body text to ensure maximum readability on dark backgrounds.

Accessibility notes

Ensure white or very light gray text has excellent contrast on #1C0A29 or #2A0E3C backgrounds (WCAG AA standard).
Check that #8A59C2 text on #4B1D6A or #5C2B7E backgrounds maintains sufficient contrast, especially for small text.
Use #8A59C2 for all critical interactive elements and important information due to its higher luminosity.
Avoid using similar dark shades for adjacent interactive elements to prevent confusion and ensure clear differentiation.

Recommended combinations

Deep Cosmic

Ideal for main layouts, providing the deepest base, a primary dark, and a vibrant accent for key elements or text.

#1C0A29 · #2A0E3C · #8A59C2

Nebula Layers

Excellent for creating subtle gradients or layered UI components, adding sophisticated depth within the purple spectrum.

#2A0E3C · #4B1D6A · #5C2B7E

Starry Veil

Perfect for a dark background with a mid-tone purple and a bright accent, suitable for dramatic and elegant designs.

#1C0A29 · #5C2B7E · #8A59C2

CSS variables

:root {
  --galactic-stardust-trail-3-1: #2A0E3C;
  --galactic-stardust-trail-3-2: #5C2B7E;
  --galactic-stardust-trail-3-3: #8A59C2;
  --galactic-stardust-trail-3-4: #1C0A29;
  --galactic-stardust-trail-3-5: #4B1D6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-stardust-trail-3": {
        1: "#2A0E3C",
        2: "#5C2B7E",
        3: "#8A59C2",
        4: "#1C0A29",
        5: "#4B1D6A",
      }
    }
  }
}

Hex values

Color 1#2A0E3C

Color 2#5C2B7E

Color 3#8A59C2

Color 4#1C0A29

Color 5#4B1D6A

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

1.1:1Fail

1.4:1Fail

1.7:1Fail

2:1Fail

1.9:1Fail

1.2:1Fail

3.5:1AA18

2:1Fail

3.8:1AA18

2.5:1Fail

1.1:1Fail

1.9:1Fail

3.8:1AA18

1.5:1Fail

1.4:1Fail

1.2:1Fail

2.5:1Fail

1.5:1Fail

Similar palettes

More like Galactic Stardust Trail

View all dark

Celestial Stardust Trails

Cosmic Nebula Swirl

Cosmic Stardust Drift

Cosmic Veil Glimmer

Dark Galaxy Nebula

Deep Galaxy Swirl