Back to palettes

Palette

Deep Space Nebula

Explores the dark depths of space, highlighting the mesmerizing purples and blues of a distant 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

#0A0A1C#1E1A3D#3A2F6C#6C5A9C#A08CD2

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 4) explores the dark depths of space, highlighting the mesmerizing purples and blues of a distant nebula. From the profoundly dark #0A0A1C to the ethereal #A08CD2, this palette offers a harmonious blend of mystery and gentle luminosity. It's an exceptional choice for designers and developers aiming to create sophisticated, tranquil, or futuristic experiences. The balanced progression of deep, cool tones and soft, glowing accents makes it perfect for interfaces, branding, or digital art that requires a sense of vastness, quiet contemplation, and otherworldly beauty.

Best used for

  • Meditation and relaxation apps
  • Abstract photography websites
  • Luxury goods branding
  • Science fiction concept art
  • Educational platforms about astronomy
  • Dark mode themes with a calming purple hue

Suggested color roles

primary

#1E1A3D - A deep, dark blue-purple, excellent for main content areas, navigation, or primary branding elements, providing a stable and mysterious foundation.

secondary

#3A2F6C - A rich, profound purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#A08CD2 - A luminous, soft lavender, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with an ethereal glow.

background

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

text

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

Accessibility notes

  • Ensure #A08CD2 text on #0A0A1C or #1E1A3D backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #3A2F6C or #6C5A9C for small text against the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #A08CD2, to maximize visibility.
  • Provide clear visual cues for focus and hover states for interactive elements, perhaps using a subtle glow or border with #A08CD2.

Recommended combinations

Cosmic Veil

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

#0A0A1C · #1E1A3D · #3A2F6C

Nebula Whisper

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

#1E1A3D · #6C5A9C · #A08CD2

Ethereal Contrast

Ideal for clear content hierarchy, with #0A0A1C as background, #A08CD2 for headings, and #6C5A9C for supporting text.

#0A0A1C · #A08CD2 · #6C5A9C

CSS variables

:root {
  --deep-space-nebula-4-1: #0A0A1C;
  --deep-space-nebula-4-2: #1E1A3D;
  --deep-space-nebula-4-3: #3A2F6C;
  --deep-space-nebula-4-4: #6C5A9C;
  --deep-space-nebula-4-5: #A08CD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-4": {
        1: "#0A0A1C",
        2: "#1E1A3D",
        3: "#3A2F6C",
        4: "#6C5A9C",
        5: "#A08CD2",
      }
    }
  }
}

Related searches

dark purple space palettecalming nebula colorsethereal dark mode themecosmic purple brandingsoft lavender dark UI

Palette colors

Hex values

Color 1#0A0A1C
·
Color 2#1E1A3D
·
Color 3#3A2F6C
·
Color 4#6C5A9C
·
Color 5#A08CD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
3.3:1AA18
6.7:1AA
2
1.2:1Fail
1.4:1Fail
2.8:1Fail
5.6:1AA
3
1.7:1Fail
1.4:1Fail
2:1Fail
4:1AA18
4
3.3:1AA18
2.8:1Fail
2:1Fail
2:1Fail
5
6.7:1AA
5.6:1AA
4:1AA18
2:1Fail

Similar palettes

More like Deep Space Nebula

View all dark
Galactic Cloud Glow
Nebula Star Drift
Astral Dust Whisper
Celestial Dust Trail
Celestial Shimmer Glow
Cosmic Cloud Veil