Palette

Galactic Stardust Trail

Gentle purples and soft lavenders that evoke the ethereal beauty of distant nebulae and cosmic dust trails.

coolcalm5 colors

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

#301934#5D2D5B#8B4D8D#C08CD6#E0C7F0

Palette guide

How to use Galactic Stardust Trail

Overview

The Galactic Stardust Trail palette offers a serene spectrum of soft purples, ideal for creating calming and ethereal digital experiences. Featuring a deep plum #301934, a rich mauve #5D2D5B, a delicate lavender-pink #8B4D8D, a soft lilac #C08CD6, and a pale lavender #E0C7F0, this collection evokes the gentle beauty of distant nebulae. Designers and developers can utilize this palette to craft wellness apps, romantic branding, or creative portfolios. Its harmonious gradient of purples provides a soothing yet sophisticated aesthetic, perfect for projects that aim for a gentle, feminine, or introspective mood, inspiring tranquility and wonder.

Best used for

Wellness and meditation applications
Beauty and feminine brand identity
Creative portfolios and artistic websites
Gentle dark mode themes for blogs or journals
Children's book illustrations or serene animations
Romantic or mystical event invitations

Suggested color roles

primary

Use #301934 for foundational backgrounds, establishing a deep, soothing and elegant base.

secondary

Apply #5D2D5B for content panels, navigation, or sub-sections, providing a rich supporting layer.

accent

Deploy #E0C7F0 for delicate highlights, small icons, or soft glowing effects, offering a luminous touch.

background

Utilize #301934 for a deep, expansive background, creating an ideal canvas for lighter elements.

text

Employ #E0C7F0 or a crisp white for primary text, ensuring excellent readability and a luminous effect on dark backgrounds.

Accessibility notes

Ensure #E0C7F0 text has sufficient contrast on #301934 or #5D2D5B backgrounds for WCAG AA compliance.
Be cautious when using #C08CD6 on #8B4D8D for small body text; larger font sizes may be required for readability.
Use #E0C7F0 for all critical text and interactive elements to maximize visibility across the purple spectrum.
Provide clear hover/focus states for interactive elements, ensuring they stand out even with subtle color shifts.

Recommended combinations

Twilight Bloom

Excellent for main layouts, offering a deep base, rich mid-tone, and a soft, luminous highlight for text or icons.

#301934 · #5D2D5B · #E0C7F0

Soft Nebula

Create gentle gradients or layered UI components, providing a soft transition of purple shades for depth.

#5D2D5B · #8B4D8D · #C08CD6

Ethereal Dust

Ideal for a dark background with soft, ethereal accents and clear, readable text, promoting a calm atmosphere.

#301934 · #C08CD6 · #E0C7F0

CSS variables

:root {
  --galactic-stardust-trail-2-1: #301934;
  --galactic-stardust-trail-2-2: #5D2D5B;
  --galactic-stardust-trail-2-3: #8B4D8D;
  --galactic-stardust-trail-2-4: #C08CD6;
  --galactic-stardust-trail-2-5: #E0C7F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-stardust-trail-2": {
        1: "#301934",
        2: "#5D2D5B",
        3: "#8B4D8D",
        4: "#C08CD6",
        5: "#E0C7F0",
      }
    }
  }
}

Hex values

Color 1#301934

Color 2#5D2D5B

Color 3#8B4D8D

Color 4#C08CD6

Color 5#E0C7F0

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

6.1:1AA

10.3:1AAA

1.5:1Fail

1.8:1Fail

4:1AA18

6.8:1AA

2.7:1Fail

1.8:1Fail

2.2:1Fail

3.8:1AA18

6.1:1AA

4:1AA18

2.2:1Fail

1.7:1Fail

10.3:1AAA

6.8:1AA

3.8:1AA18

1.7:1Fail

Similar palettes

More like Galactic Stardust Trail

Mystic Celestial Dust

Cloudy Dawn Whisper

Cool Mist Dawn