Back to palettes

Palette

Celestial Stardust Trails

Deep purples illuminated by brilliant stardust, journeying through the boundless cosmos.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Stardust Trails 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 Stardust Trails.

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

Data visualization

#1B002B#3C005F#6A00A0#9E00D9#C100FF

Palette guide

How to use Celestial Stardust Trails

Overview

The "Celestial Stardust Trails" palette features deep purples illuminated by brilliant stardust, journeying through the boundless cosmos. From the profound #1B002B, it transitions through the rich #3C005F and #6A00A0, culminating in the luminous #9E00D9 and the vibrant #C100FF. This dark, yet magical and mysterious palette is perfect for designs that aim to convey depth, wonder, and an ethereal glow. Developers can create immersive dark mode interfaces, while designers can craft captivating branding or digital art that feels both vast and intimately detailed, evoking the quiet majesty of space.

Best used for

  • Sci-fi game interfaces
  • Fantasy book cover designs
  • Creative digital art portfolios
  • Mystical event branding
  • Dark mode web applications
  • Luxurious tech product design

Suggested color roles

primary

#1B002B - The core deep purple background, providing an immersive and sophisticated foundation.

secondary

#3C005F - Use for secondary panels, card backgrounds, or to define sections in a dark interface.

accent

#C100FF - The brightest, most luminous shade, perfect for glowing highlights, icons, or to draw attention to key interactive elements.

background

#1B002B - The main background, creating a vast, dark, and mysterious cosmic aesthetic.

text

#C100FF - Excellent for primary text on dark backgrounds like #1B002B or #3C005F, ensuring high readability and a clean look.

Accessibility notes

  • Text in #C100FF on #1B002B provides high contrast, ensuring good readability for all text.
  • Ensure #9E00D9 text on #3C005F has sufficient contrast for WCAG AA compliance, especially for smaller fonts.
  • Avoid using #6A00A0 for small or critical text on #3C005F as contrast might be borderline.
  • Use #C100FF for interactive elements to ensure they are easily discoverable against darker shades.

Recommended combinations

Cosmic Depths

Creates a classic dark mode look with bright, readable text and clear hierarchy.

#1B002B · #3C005F · #C100FF

Stardust Glide

Excellent for smooth, cosmic gradients in backgrounds, headers, or digital art.

#3C005F · #6A00A0 · #9E00D9

Ethereal Glow

Use the lighter shades for detailed illustrations or subtle UI highlights against the deep background.

#1B002B · #9E00D9 · #C100FF

CSS variables

:root {
  --celestial-stardust-trails-2-1: #1B002B;
  --celestial-stardust-trails-2-2: #3C005F;
  --celestial-stardust-trails-2-3: #6A00A0;
  --celestial-stardust-trails-2-4: #9E00D9;
  --celestial-stardust-trails-2-5: #C100FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-stardust-trails-2": {
        1: "#1B002B",
        2: "#3C005F",
        3: "#6A00A0",
        4: "#9E00D9",
        5: "#C100FF",
      }
    }
  }
}

Related searches

dark purple cosmic palettestardust trails colorsmagical deep purplecelestial vibrant purplemysterious galaxy hues

Palette colors

Hex values

Color 1#1B002B
·
Color 2#3C005F
·
Color 3#6A00A0
·
Color 4#9E00D9
·
Color 5#C100FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.2:1AA18
4.4:1AA18
2
1.3:1Fail
1.6:1Fail
2.5:1Fail
3.5:1AA18
3
2:1Fail
1.6:1Fail
1.6:1Fail
2.2:1Fail
4
3.2:1AA18
2.5:1Fail
1.6:1Fail
1.4:1Fail
5
4.4:1AA18
3.5:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Celestial Stardust Trails

View all dark
Cosmic Nebula Swirl
Cosmic Stardust Drift
Cosmic Veil Glimmer
Dark Galaxy Nebula
Galactic Cloud Glow
Galactic Stardust Trail