Back to palettes

Palette

Deep Space Nebula

Immersive purples and blues capturing the awe-inspiring depths of a distant cosmic 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

#191970#483D8B#6A5ACD#8A2BE2#9370DB

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 3) immerses designers in a cosmic dance of purples and blues, capturing the awe-inspiring depths of a distant nebula. From the profound #191970 to the vibrant #9370DB, this palette balances rich, dark foundations with luminous, ethereal accents. It's a superb choice for those seeking to create experiences that are both mysterious and captivating, evoking a sense of wonder and advanced sophistication. Ideal for interfaces, branding, or digital art that requires a blend of cosmic depth and vibrant, otherworldly energy.

Best used for

  • Abstract digital art platforms
  • High-tech product launches
  • Fantasy role-playing game interfaces
  • Event branding for creative industries
  • Personal portfolio websites with a unique aesthetic
  • Dark mode themes emphasizing purple and blue

Suggested color roles

primary

#483D8B - A deep, royal purple, excellent for main content areas, navigation, or primary branding elements, providing a sophisticated and stable foundation.

secondary

#191970 - A very deep indigo, ideal for secondary backgrounds, subtle dividers, or shadow effects, adding profound depth.

accent

#8A2BE2 - A vibrant, electric violet, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with intense energy.

background

#191970 - The darkest blue-purple, establishing an expansive, mysterious cosmic backdrop for the entire design.

text

#9370DB - For primary text on dark backgrounds, ensuring excellent readability and a consistent ethereal glow.

Accessibility notes

  • Ensure #9370DB text on #191970 or #483D8B backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #6A5ACD for small text against the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, use the lighter, more vibrant shades like #8A2BE2 or #9370DB to maximize visibility.
  • Be mindful of using #8A2BE2 as a primary text color for large blocks, as its intensity might cause visual fatigue; reserve it for accents.

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.

#191970 · #483D8B · #6A5ACD

Violet Flare

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

#483D8B · #8A2BE2 · #9370DB

Ethereal Contrast

Ideal for clear content hierarchy, with #191970 as background, #9370DB for headings, and #6A5ACD for supporting text.

#191970 · #9370DB · #6A5ACD

CSS variables

:root {
  --deep-space-nebula-3-1: #191970;
  --deep-space-nebula-3-2: #483D8B;
  --deep-space-nebula-3-3: #6A5ACD;
  --deep-space-nebula-3-4: #8A2BE2;
  --deep-space-nebula-3-5: #9370DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-3": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#9370DB",
      }
    }
  }
}

Related searches

purple blue galaxy palettecosmic violet thememysterious dark UIethereal space brandingdeep purple hex codes

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#9370DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.5:1Fail
3.9:1AA18
2
1.6:1Fail
1.7:1Fail
1.5:1Fail
2.4:1Fail
3
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.4:1Fail
4
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
5
3.9:1AA18
2.4:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Deep Space Nebula

View all dark
Cosmic Cloud Veil
Cosmic Dust Trails
Cosmic Veil Nebula
Deep Space Reverie
Galactic Cloud Shroud
Astral Dust Whisper