Palette

Deep Space Nebula

A captivating journey into the unknown, depicting the swirling gases and colors of a distant nebula.

darkelegant5 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

#4B0082#191970#FF00FF#FFFF00#000000

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 8) is a captivating journey into the unknown, depicting the swirling gases and vibrant colors of a distant nebula. This bold palette combines profound darks like #000000 and #191970 with electrifying accents of magenta #FF00FF and yellow #FFFF00, creating an elegant and energetic cosmic spectacle. It's an inspiring choice for designers and developers seeking to craft dramatic, futuristic, or highly artistic experiences. The striking contrasts and unique color combinations make it perfect for interfaces, branding, or digital art that demands attention and evokes a sense of vibrant, otherworldly wonder.

Best used for

Avant-garde digital art installations
Futuristic game UI and effects
Experimental music festival branding
High-impact advertising campaigns
Creative coding and generative art projects
Dark mode themes with vibrant, unexpected pops

Suggested color roles

primary

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

secondary

#4B0082 - A rich, profound dark violet, ideal for secondary backgrounds, subtle dividers, or textured overlays, adding layered depth.

accent

#FF00FF - A vibrant, electric magenta, perfect for interactive elements, calls-to-action, or important notifications, demanding immediate attention.

background

#000000 - Pure black, serving as the ultimate deep and dramatic backdrop, emphasizing content and making the vibrant accents truly pop.

text

#FFFF00 - For primary headings or critical information against the darkest backgrounds, offering exceptional visibility and an energetic contrast. Pure white can be used for body text.

Accessibility notes

Ensure #FFFF00 and #FF00FF text on #000000 or #191970 backgrounds meets WCAG AA contrast standards, especially for small text.
Avoid using #4B0082 for text on #191970 as contrast will be poor.
The high vibrancy of #FF00FF and #FFFF00 should be used judiciously for accents to avoid visual fatigue, particularly for users with photosensitivity.
Provide clear focus indicators for interactive elements that are not solely reliant on color changes.

Recommended combinations

Cosmic Flash

Creates a dramatic background with a powerful magenta highlight, perfect for hero sections or striking call-to-action buttons.

#000000 · #191970 · #FF00FF

Nebula Energy

Excellent for data visualization or progress indicators, where #FFFF00 signifies completion or critical status.

#191970 · #4B0082 · #FFFF00

Vibrant Contrast

Ideal for clear, high-impact content hierarchy, with #000000 as background, #FFFF00 for bold headings, and #FF00FF for secondary emphasis.

#000000 · #FFFF00 · #FF00FF

CSS variables

:root {
  --deep-space-nebula-8-1: #4B0082;
  --deep-space-nebula-8-2: #191970;
  --deep-space-nebula-8-3: #FF00FF;
  --deep-space-nebula-8-4: #FFFF00;
  --deep-space-nebula-8-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-8": {
        1: "#4B0082",
        2: "#191970",
        3: "#FF00FF",
        4: "#FFFF00",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#191970

Color 3#FF00FF

Color 4#FFFF00

Color 5#000000

Accessibility

Contrast checker

1.1:1Fail

4.1:1AA18

12.1:1AAA

1.6:1Fail

1.1:1Fail

4.7:1AA

13.8:1AAA

1.4:1Fail

4.1:1AA18

4.7:1AA

2.9:1Fail

6.7:1AA

12.1:1AAA

13.8:1AAA

2.9:1Fail

19.6:1AAA

1.6:1Fail

1.4:1Fail

6.7:1AA

19.6:1AAA

Similar palettes

More like Deep Space Nebula

View all dark

Cosmic Drift

Star Dust Trail

Amethyst Veil Mystique

Celestial Dust Glimmer

Celestial Dust Trail

Celestial Stardust Trails