Back to palettes

Palette

Deep Space Nebula

An ethereal palette capturing the mysterious, glowing gases and distant stars of a swirling space nebula.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Space Nebula 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 Deep Space Nebula.

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

Data visualization

#100F2E#3A1B5F#7A3A9E#A552C2#D179E0

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 7) captures the mysterious, glowing gases and distant stars of a swirling space nebula. With a spectrum ranging from the deep, dark #100F2E to the luminous #D179E0, this ethereal palette is designed to evoke wonder, depth, and a sense of otherworldly beauty. It's an inspiring choice for designers and developers aiming to create sophisticated, mystical, or futuristic experiences. The harmonious blend of deep purples and vibrant accents makes it perfect for interfaces, branding, or digital art that requires an immersive and captivating visual journey.

Best used for

  • Fantasy game UI and environments
  • Astrology and spiritual apps
  • Event promotion for artistic performances
  • Luxury product websites with a mystical theme
  • Creative portfolio websites
  • Dark mode themes with a vibrant purple gradient

Suggested color roles

primary

#3A1B5F - A deep, rich purple, excellent for main content areas, navigation, or primary branding elements, providing a mysterious and stable foundation.

secondary

#7A3A9E - A vibrant, medium purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#D179E0 - A luminous, bright orchid purple, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with an ethereal glow.

background

#100F2E - The darkest blue-purple, serving as an expansive, cosmic backdrop for the entire design, setting a profound and mysterious mood.

text

#D179E0 - For primary text on dark backgrounds, ensuring excellent readability and a consistent ethereal aesthetic.

Accessibility notes

  • Ensure #D179E0 text on #100F2E or #3A1B5F backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #7A3A9E or #A552C2 for small text against the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #D179E0, to maximize visibility.
  • Consider using a slightly less saturated version of #D179E0 for extensive body text if the full vibrancy causes visual fatigue for some users.

Recommended combinations

Nebula Layers

Creates a deep, layered background effect, perfect for immersive hero sections or full-screen overlays with a sense of cosmic depth.

#100F2E · #3A1B5F · #7A3A9E

Violet Luminance

Excellent for data visualization or progressive disclosure, moving from deep purple to vibrant highlight.

#3A1B5F · #A552C2 · #D179E0

Ethereal Glow

Ideal for clear content hierarchy, with #100F2E as background, #D179E0 for headings, and #A552C2 for supporting text.

#100F2E · #D179E0 · #A552C2

CSS variables

:root {
  --deep-space-nebula-7-1: #100F2E;
  --deep-space-nebula-7-2: #3A1B5F;
  --deep-space-nebula-7-3: #7A3A9E;
  --deep-space-nebula-7-4: #A552C2;
  --deep-space-nebula-7-5: #D179E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-7": {
        1: "#100F2E",
        2: "#3A1B5F",
        3: "#7A3A9E",
        4: "#A552C2",
        5: "#D179E0",
      }
    }
  }
}

Related searches

purple space galaxy paletteethereal nebula colorsmystical dark mode UIvibrant purple brandingcosmic gradient theme

Palette colors

Hex values

Color 1#100F2E
·
Color 2#3A1B5F
·
Color 3#7A3A9E
·
Color 4#A552C2
·
Color 5#D179E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.6:1Fail
4.1:1AA18
6.7:1AA
2
1.3:1Fail
1.9:1Fail
3.1:1AA18
5:1AA
3
2.6:1Fail
1.9:1Fail
1.6:1Fail
2.6:1Fail
4
4.1:1AA18
3.1:1AA18
1.6:1Fail
1.6:1Fail
5
6.7:1AA
5:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Deep Space Nebula

View all dark
Astral Dust Whisper
Celestial Dust Trail
Celestial Shimmer Glow
Cosmic Dreamscape Dust
Cosmic Dust Shimmer
Cosmic Dust Trails