Palette

Celestial Stardust Trails

Deep blues and purples with sparkling white, imagining trails of cosmic dust.

cooldark5 colors

More cool 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

#191970#483D8B#8A2BE2#87CEEB#FFFFFF

Palette guide

How to use Celestial Stardust Trails

Overview

The "Celestial Stardust Trails" palette features deep blues and purples with sparkling white, imagining trails of cosmic dust. It ranges from the profound #191970 (Midnight Blue) and #483D8B (Dark Slate Blue), through the vibrant #8A2BE2 (Blue Violet), to the luminous #87CEEB (Sky Blue) and the crisp #FFFFFF (White). This cool and dark palette offers an ethereal and mysterious aesthetic, perfect for designs that aim to convey depth, wonder, and a touch of otherworldly calm. Developers can utilize these shades for immersive dark mode interfaces, while designers can craft captivating branding or digital art that feels both vast and intimately detailed.

Best used for

Space exploration branding
Sci-fi game interfaces
Luxury tech product design
Astrology and spiritual content
Dark mode web applications
Professional corporate reports

Suggested color roles

primary

#191970 - The core deep blue background, providing an immersive and sophisticated foundation.

secondary

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

accent

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

background

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

text

#FFFFFF - Excellent for primary text on dark backgrounds like #191970 or #483D8B, ensuring high readability and a clean look.

Accessibility notes

Text in #FFFFFF on #191970 provides high contrast, ensuring good readability for all text.
Ensure #87CEEB text on #483D8B has sufficient contrast for WCAG AA compliance, especially for smaller fonts.
Avoid using #87CEEB for small or critical text on #8A2BE2 as contrast might be borderline.
Use #FFFFFF for interactive elements to ensure they are easily discoverable against darker shades.

Recommended combinations

Cosmic Night

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

#191970 · #483D8B · #FFFFFF

Stardust Glow

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

#483D8B · #8A2BE2 · #87CEEB

Ethereal Path

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

#191970 · #87CEEB · #FFFFFF

CSS variables

:root {
  --celestial-stardust-trails-1: #191970;
  --celestial-stardust-trails-2: #483D8B;
  --celestial-stardust-trails-3: #8A2BE2;
  --celestial-stardust-trails-4: #87CEEB;
  --celestial-stardust-trails-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-stardust-trails": {
        1: "#191970",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#87CEEB",
        5: "#FFFFFF",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#483D8B

Color 3#8A2BE2

Color 4#87CEEB

Color 5#FFFFFF

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

8.5:1AAA

14.8:1AAA

1.6:1Fail

1.5:1Fail

5.2:1AA

9.1:1AAA

2.5:1Fail

1.5:1Fail

3.4:1AA18

6:1AA

8.5:1AAA

5.2:1AA

3.4:1AA18

1.7:1Fail

14.8:1AAA

9.1:1AAA

6:1AA

1.7:1Fail

Similar palettes

More like Celestial Stardust Trails

View all cool

Cosmic Dust Trail

Stardust Nebula Bloom

Celestial Deep Nebula

Celestial Orb Glow

Cosmic Dust Whisper

Cosmic Ocean Deep