Back to palettes

Palette

Star Dust Trail

A deep and ethereal palette inspired by the shimmering, distant glow of nebulae and cosmic dust.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Star Dust 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 Star Dust Trail.

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

Data visualization

#1A1A2E#2C093D#5C006B#8C008C#B35CB3

Palette guide

How to use Star Dust Trail

Overview

The 'Star Dust Trail' palette captures the ethereal beauty of a cosmic journey, offering a deep and mysterious aesthetic. Dominated by rich purples, it features a near-black base of #1A1A2E (Dark Purple) transitioning through #2C093D (Deep Plum) and #5C006B (Royal Violet) to the brighter #8C008C (Dark Magenta) and #B35CB3 (Light Plum). This collection is perfect for designers and developers aiming to evoke a sense of wonder, luxury, and the unknown. Its gradient-like progression makes it ideal for digital interfaces, branding, or atmospheric artwork that requires a sophisticated and captivating visual narrative.

Best used for

  • Space-themed applications and games
  • Mysterious or fantasy website designs
  • Luxury cosmetic or perfume branding
  • Digital art and abstract illustrations
  • Elegant event invitations with a cosmic theme
  • High-tech product interfaces

Suggested color roles

primary

Use #1A1A2E as a grounding dark base for backgrounds, setting a deep, cosmic tone.

secondary

Employ #2C093D or #5C006B for main sections or prominent UI elements to build depth.

accent

Dark Magenta (#8C008C) provides a vibrant accent, perfect for calls-to-action or key interactive elements.

background

A deep tone like #1A1A2E or #2C093D creates an immersive, space-like canvas.

text

For dark backgrounds, use a light color like #B35CB3 for headings, or white for body text to ensure readability.

Accessibility notes

  • Ensure high contrast when using any of the darker purples for text; white or very light gray is recommended.
  • The lighter #B35CB3 will provide good contrast against #1A1A2E for large text, but check for smaller fonts.
  • Avoid placing #2C093D text on #1A1A2E background for accessibility; contrast is likely insufficient.
  • Use #8C008C sparingly for critical information if contrast with background is marginal.

Recommended combinations

Nebula Gradient

Ideal for creating depth in backgrounds or visual elements, transitioning from dark to light.

#1A1A2E · #5C006B · #B35CB3

Cosmic Highlight

Effective for UI with a dark base, a vibrant accent, and a light, readable text or highlight color.

#2C093D · #8C008C · #B35CB3

Deep Space

Creates a mysterious and profound atmosphere, suitable for abstract art or thematic backgrounds.

#1A1A2E · #2C093D · #5C006B

CSS variables

:root {
  --star-dust-trail-1: #1A1A2E;
  --star-dust-trail-2: #2C093D;
  --star-dust-trail-3: #5C006B;
  --star-dust-trail-4: #8C008C;
  --star-dust-trail-5: #B35CB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "star-dust-trail": {
        1: "#1A1A2E",
        2: "#2C093D",
        3: "#5C006B",
        4: "#8C008C",
        5: "#B35CB3",
      }
    }
  }
}

Related searches

dark purple color schemecosmic gradient palettespace themed colorsmysterious purple huesluxury dark palette

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#2C093D
·
Color 3#5C006B
·
Color 4#8C008C
·
Color 5#B35CB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
2:1Fail
4.1:1AA18
2
1:1Fail
1.4:1Fail
2.1:1Fail
4.2:1AA18
3
1.4:1Fail
1.4:1Fail
1.5:1Fail
3.1:1AA18
4
2:1Fail
2.1:1Fail
1.5:1Fail
2:1Fail
5
4.1:1AA18
4.2:1AA18
3.1:1AA18
2:1Fail

Similar palettes

More like Star Dust Trail

View all dark
Celestial Dust Glimmer
Amethyst Veil Mystique
Astral Dream Hues
Celestial Dust Trail
Celestial Stardust Trails
Celestial Whisper Nebula