Back to palettes

Palette

Deep Space Nebula

Plunges into the cosmic abyss, revealing the rich, dark purples and starlight of distant nebulae.

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

#000000#2C0B46#4C0B66#7B298E#A05BC9

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 2) plunges into the cosmic abyss, revealing rich, dark purples and hints of starlight. From the absolute black #000000 to the vibrant #A05BC9, this palette captures the ethereal beauty of distant nebulae. It's an inspiring choice for designers and developers seeking to create mystical, dramatic, or futuristic experiences. The harmonious blend of deep, cool tones and luminous accents makes it perfect for digital interfaces, branding, or creative projects that require a sense of wonder, depth, and otherworldly beauty, evoking the silent grandeur of the universe.

Best used for

  • Astrology or spiritual wellness apps
  • Fantasy game UI and environments
  • Luxury product websites
  • Art gallery digital platforms
  • Event promotion for unique experiences
  • Dark mode themes with a mystical purple touch

Suggested color roles

primary

#2C0B46 - A very deep, mysterious purple, excellent for main content areas, navigation, or primary branding elements, providing a profound and stable foundation.

secondary

#4C0B66 - A rich, dark magenta-purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

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

background

#000000 - Pure black, serving as an expansive, cosmic backdrop for the entire design, setting a dramatic and mysterious mood.

text

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

Accessibility notes

  • Ensure #A05BC9 text on #000000 or #2C0B46 backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #4C0B66 or #7B298E for small text on the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #A05BC9, to maximize visibility.
  • Consider using a clear, contrasting border or underline for interactive elements to aid accessibility beyond color alone.

Recommended combinations

Nebula Core

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

#000000 · #2C0B46 · #4C0B66

Stellar Bloom

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

#2C0B46 · #7B298E · #A05BC9

Cosmic Sparkle

Ideal for clear content hierarchy, with #000000 as background, #A05BC9 for headings, and #7B298E for supporting text.

#000000 · #A05BC9 · #7B298E

CSS variables

:root {
  --deep-space-nebula-2-1: #000000;
  --deep-space-nebula-2-2: #2C0B46;
  --deep-space-nebula-2-3: #4C0B66;
  --deep-space-nebula-2-4: #7B298E;
  --deep-space-nebula-2-5: #A05BC9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-2": {
        1: "#000000",
        2: "#2C0B46",
        3: "#4C0B66",
        4: "#7B298E",
        5: "#A05BC9",
      }
    }
  }
}

Related searches

dark purple nebula palettecosmic magenta colorsmystical dark mode UIspace purple brandingethereal galaxy theme

Palette colors

Hex values

Color 1#000000
·
Color 2#2C0B46
·
Color 3#4C0B66
·
Color 4#7B298E
·
Color 5#A05BC9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.5:1Fail
4.8:1AA
2
1.2:1Fail
1.2:1Fail
2.1:1Fail
3.9:1AA18
3
1.5:1Fail
1.2:1Fail
1.6:1Fail
3.1:1AA18
4
2.5:1Fail
2.1:1Fail
1.6:1Fail
1.9:1Fail
5
4.8:1AA
3.9:1AA18
3.1:1AA18
1.9:1Fail

Similar palettes

More like Deep Space Nebula

View all dark
Deep Space Galactic
Deep Space Nebula
Galactic Rift Dust
Celestial Dust Swirl
Cosmic Abyss Echo
Cosmic Abyss Gaze