Back to palettes

Palette

Deep Space Nebula

A profound palette of deep blues and purples, reflecting the cosmic beauty 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

#000033#191970#4B0082#8A2BE2#BA55D3

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 6) offers a profound journey through the cosmic beauty of distant nebulae, featuring a rich spectrum of deep blues and purples. From the foundational #000033 to the luminous #BA55D3, this palette creates an atmosphere of mystery, grandeur, and ethereal wonder. It's an excellent choice for designers and developers seeking to craft sophisticated, immersive, or futuristic experiences. The harmonious blend of dark, cool tones and vibrant accents makes it perfect for interfaces, branding, or digital art that requires a sense of boundless possibility and captivating depth.

Best used for

  • Science fiction game environments
  • Astrology and cosmic-themed websites
  • Event promotion for digital art shows
  • Luxury brand applications with a mystical touch
  • Creative portfolio sites
  • Dark mode themes emphasizing purple and blue

Suggested color roles

primary

#191970 - A deep, authoritative indigo, excellent for main content areas, navigation, or primary branding elements, providing a stable and mysterious foundation.

secondary

#4B0082 - A rich, profound dark violet, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

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

background

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

text

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

Accessibility notes

  • Ensure #BA55D3 text on #000033 or #191970 backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #4B0082 or #8A2BE2 for small text against the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #BA55D3, to maximize visibility.
  • Consider using a slightly desaturated version of #BA55D3 for extensive body text if the full vibrancy causes visual fatigue for some users.

Recommended combinations

Nebula Depths

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

#000033 · #191970 · #4B0082

Violet Glow

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

#191970 · #8A2BE2 · #BA55D3

Ethereal Contrast

Ideal for clear content hierarchy, with #000033 as background, #BA55D3 for headings, and #8A2BE2 for supporting text.

#000033 · #BA55D3 · #8A2BE2

CSS variables

:root {
  --deep-space-nebula-6-1: #000033;
  --deep-space-nebula-6-2: #191970;
  --deep-space-nebula-6-3: #4B0082;
  --deep-space-nebula-6-4: #8A2BE2;
  --deep-space-nebula-6-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-6": {
        1: "#000033",
        2: "#191970",
        3: "#4B0082",
        4: "#8A2BE2",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

deep purple blue palettecosmic nebula thememysterious dark mode UIspace violet brandingethereal galaxy colors

Palette colors

Hex values

Color 1#000033
·
Color 2#191970
·
Color 3#4B0082
·
Color 4#8A2BE2
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
3.4:1AA18
5.1:1AA
2
1.3:1Fail
1.1:1Fail
2.5:1Fail
3.8:1AA18
3
1.5:1Fail
1.1:1Fail
2.2:1Fail
3.3:1AA18
4
3.4:1AA18
2.5:1Fail
2.2:1Fail
1.5:1Fail
5
5.1:1AA
3.8:1AA18
3.3:1AA18
1.5:1Fail

Similar palettes

More like Deep Space Nebula

View all dark
Cosmic Dust Trails
Cosmic Vapour Trails
Cosmic Veil Nebula
Cosmic Veil Nebula
Dark Star Glimmer
Deep Space Nebula