Back to palettes

Palette

Nebula Star Drift

Explores the mysterious depths of space with dark purples, blues, and distant starlight shimmers.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nebula Star Drift 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 Nebula Star Drift.

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

Data visualization

#2A0A3D#4F1D78#8E4EC6#C5A0DD#E4D9EB

Palette guide

How to use Nebula Star Drift

Overview

The Nebula Star Drift palette guides users through the mysterious depths of space, blending rich purples with distant starlight shimmers. It grounds itself in the profound #2A0A3D, moving through the regal #4F1D78 and the captivating #8E4EC6. The journey culminates with the ethereal #C5A0DD and the delicate, almost luminous #E4D9EB, evoking a sense of cosmic wonder and elegance. This palette is ideal for designers crafting sophisticated dark themes, immersive digital experiences, or branding that conveys luxury and mystery. Its harmonious progression ensures visual depth and versatility across diverse design applications, from UI to creative content.

Best used for

  • Elegant dark mode web applications
  • Luxury brand digital presence
  • High-end jewelry or fashion e-commerce
  • Sci-fi adventure game interfaces
  • Mystical or fantasy themed illustrations
  • Sophisticated event branding

Suggested color roles

primary

#2A0A3D - The deepest, almost black purple, serving as an expansive, stable base for large backgrounds, headers, or foundational elements, setting a profound tone.

secondary

#4F1D78 - A rich, dark royal purple, excellent for content containers, sidebars, or subtle dividers, adding depth and refinement.

accent

#8E4EC6 - A vibrant and luminous purple, perfect for calls-to-action, interactive elements, or key visual highlights that need to stand out with elegance.

background

#2A0A3D - Use this profound shade as the main canvas to establish a dark, luxurious, and mysterious atmosphere, allowing lighter elements to shimmer like distant stars.

text

#E4D9EB - For primary body text and headlines, providing excellent contrast against the darker shades while maintaining the palette's ethereal, starlit quality. Pure white is also a strong option for maximum readability.

Accessibility notes

  • Ensure #E4D9EB text on #2A0A3D or #4F1D78 backgrounds meets WCAG AA contrast ratios.
  • Avoid using #C5A0DD for small text on #8E4EC6 or similar mid-tones due to potential contrast issues.
  • #8E4EC6 is excellent for accents, but pair with #E4D9EB or white text for optimal readability on interactive elements.
  • Always test color combinations with accessibility tools, especially when using mid-range purples for text.

Recommended combinations

Cosmic Veil

Ideal for dark UI, with the darkest for background and lightest for primary text and highlights.

#2A0A3D · #4F1D78 · #E4D9EB

Starlight Gradient

Create smooth, atmospheric gradients for hero banners or subtle background effects.

#4F1D78 · #8E4EC6 · #C5A0DD

Elegant Contrast

Use the deepest purple as the main background, #8E4EC6 for headings, and #E4D9EB for body text or important details.

#2A0A3D · #8E4EC6 · #E4D9EB

CSS variables

:root {
  --nebula-star-drift-1: #2A0A3D;
  --nebula-star-drift-2: #4F1D78;
  --nebula-star-drift-3: #8E4EC6;
  --nebula-star-drift-4: #C5A0DD;
  --nebula-star-drift-5: #E4D9EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-star-drift": {
        1: "#2A0A3D",
        2: "#4F1D78",
        3: "#8E4EC6",
        4: "#C5A0DD",
        5: "#E4D9EB",
      }
    }
  }
}

Related searches

dark purple color paletteethereal space designluxury UI color schemecosmic branding colorsmysterious purple website

Palette colors

Hex values

Color 1#2A0A3D
·
Color 2#4F1D78
·
Color 3#8E4EC6
·
Color 4#C5A0DD
·
Color 5#E4D9EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.4:1AA18
7.8:1AAA
12.8:1AAA
2
1.5:1Fail
2.3:1Fail
5.3:1AA
8.7:1AAA
3
3.4:1AA18
2.3:1Fail
2.3:1Fail
3.8:1AA18
4
7.8:1AAA
5.3:1AA
2.3:1Fail
1.6:1Fail
5
12.8:1AAA
8.7:1AAA
3.8:1AA18
1.6:1Fail

Similar palettes

More like Nebula Star Drift

View all dark
Deep Space Nebula
Galactic Cloud Glow
Astral Dust Whisper
Celestial Dust Trail
Celestial Shimmer Glow
Cosmic Cloud Veil