Palette

Galactic Stardust Trail

Deep purples and bright accents capture the awe-inspiring beauty of distant galaxies and stardust.

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

#3A1045#5D2A68#82478D#B46CC5#DC82E0

Palette guide

How to use Galactic Stardust Trail

Overview

The Galactic Stardust Trail palette (original) presents an energetic and vibrant spectrum of purples, capturing the awe-inspiring beauty of distant galaxies. With a deep magenta-purple #3A1045, a rich plum #5D2A68, a bold violet #82478D, a bright lilac #B46CC5, and a luminous fuchsia #DC82E0, this collection is dynamic and expressive. Designers and developers can leverage its powerful gradient of purples to create engaging branding, artistic websites, or lively app interfaces. It's an ideal choice for projects that aim for a fantasy-driven, mysterious, or visually striking aesthetic, ensuring elements are both captivating and convey a sense of cosmic wonder.

Best used for

Creative branding and artistic websites
Fantasy game user interfaces and graphics
Lively event promotions and digital posters
Fashion-forward digital content and blogs
Expressive mobile applications and themes
Digital art and illustrations needing vibrant depth

Suggested color roles

primary

Utilize #3A1045 as the dominant background color, establishing a deep, vibrant and mysterious base.

secondary

Apply #5D2A68 for content areas, navigation, or supporting visual elements, adding richness and depth.

accent

Deploy #DC82E0 for energetic calls to action, crucial highlights, or glowing effects to capture immediate attention.

background

Use #3A1045 for an immersive, deep purple background, providing a dramatic canvas for lighter elements.

text

Employ #DC82E0 for headings and a crisp white or light gray for body text to ensure readability and a luminous effect on dark backgrounds.

Accessibility notes

Ensure #DC82E0 and white text have excellent contrast on #3A1045 or #5D2A68 backgrounds (WCAG AA standard).
Be cautious when using #B46CC5 on #82478D for small body text; larger font sizes may be required for readability.
Use #DC82E0 for all critical interactive elements and important information due to its high luminosity.
Provide clear hover/focus states for interactive elements, ensuring they stand out even with subtle color shifts.

Recommended combinations

Vibrant Core

Ideal for main layouts, providing a deep base, a rich supporting purple, and a vibrant accent for key elements.

#3A1045 · #5D2A68 · #DC82E0

Stardust Path

Excellent for creating dynamic gradients or layered UI components, providing movement and depth within the purple spectrum.

#5D2A68 · #82478D · #B46CC5

Cosmic Bloom

Perfect for a dark background with a mid-tone purple and a vibrant highlight, suitable for energetic and fantastical designs.

#3A1045 · #B46CC5 · #DC82E0

CSS variables

:root {
  --galactic-stardust-trail-1: #3A1045;
  --galactic-stardust-trail-2: #5D2A68;
  --galactic-stardust-trail-3: #82478D;
  --galactic-stardust-trail-4: #B46CC5;
  --galactic-stardust-trail-5: #DC82E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-stardust-trail": {
        1: "#3A1045",
        2: "#5D2A68",
        3: "#82478D",
        4: "#B46CC5",
        5: "#DC82E0",
      }
    }
  }
}

Hex values

Color 1#3A1045

Color 2#5D2A68

Color 3#82478D

Color 4#B46CC5

Color 5#DC82E0

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

4.4:1AA18

6.2:1AA

1.5:1Fail

1.6:1Fail

3:1Fail

4.2:1AA18

2.4:1Fail

1.6:1Fail

1.8:1Fail

2.6:1Fail

4.4:1AA18

3:1Fail

1.8:1Fail

1.4:1Fail

6.2:1AA

4.2:1AA18

2.6:1Fail

1.4:1Fail

Similar palettes

More like Galactic Stardust Trail

Celestial Stardust Trails

Cosmic Nebula Swirl