Palette

Deep Space Nebula

A cosmic journey through deep purples and blues, mirroring distant galaxies and 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#1A0033#330066#663399#9966CC

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette embarks on a cosmic journey through deep purples and blues, mirroring distant galaxies and nebulae. From the foundational #000033 to the luminous #9966CC, this palette offers a sense of profound mystery, ethereal beauty, and quiet grandeur. It's an inspiring choice for designers and developers seeking to create 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, evoking the silent majesty of the universe.

Best used for

Astrology and cosmic-themed websites
Science fiction game environments
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

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

secondary

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

accent

#9966CC - A luminous, soft 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

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

Accessibility notes

Ensure #9966CC text on #000033 or #1A0033 backgrounds meets WCAG AA contrast standards for readability.
Avoid using #330066 or #663399 for small text against the darkest backgrounds, as contrast might be insufficient.
For critical information and interactive states, always use the lightest shade, #9966CC, to maximize visibility.
Consider using a slightly less saturated version of #9966CC for extensive body text if the full vibrancy causes visual fatigue for some users.

Recommended combinations

Cosmic Depths

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

#000033 · #1A0033 · #330066

Nebula Glow

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

#1A0033 · #663399 · #9966CC

Ethereal Contrast

Ideal for clear content hierarchy, with #000033 as background, #9966CC for headings, and #663399 for supporting text.

#000033 · #9966CC · #663399

CSS variables

:root {
  --deep-space-nebula-1: #000033;
  --deep-space-nebula-2: #1A0033;
  --deep-space-nebula-3: #330066;
  --deep-space-nebula-4: #663399;
  --deep-space-nebula-5: #9966CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula": {
        1: "#000033",
        2: "#1A0033",
        3: "#330066",
        4: "#663399",
        5: "#9966CC",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#1A0033

Color 3#330066

Color 4#663399

Color 5#9966CC

Accessibility

Contrast checker

1:1Fail

1.3:1Fail

2.4:1Fail

4.9:1AA

1:1Fail

1.2:1Fail

2.3:1Fail

4.7:1AA

1.3:1Fail

1.2:1Fail

1.9:1Fail

3.8:1AA18

2.4:1Fail

2.3:1Fail

1.9:1Fail

2.1:1Fail

4.9:1AA

4.7:1AA

3.8:1AA18

2.1:1Fail

Similar palettes

More like Deep Space Nebula

Cosmic Stardust Drift

Cosmic Veil Glimmer

Cosmic Void Shimmer