Palette

Deep Space Nebula

Profound dark purples are punctuated by a vibrant pink, capturing the stunning, ethereal beauty 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

#0C0C1E#2B0D3F#4C156C#6D209B#FF69B4

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 5) presents a breathtaking contrast of profound dark purples punctuated by a vibrant pink, capturing the stunning, ethereal beauty of a distant nebula. From the deep #0C0C1E to the eye-catching #FF69B4, this palette is a bold choice for designers and developers seeking to create dramatic, energetic, or luxurious experiences. The blend of deep, mysterious tones with a vivid, unexpected accent makes it perfect for interfaces, branding, or digital art that demands attention and evokes a sense of cosmic wonder and artistic flair.

Best used for

Creative fashion or beauty branding
Nightlife or entertainment event promotion
Fantasy game UI with magical elements
Artistic portfolio websites
Bold social media graphics
Dark mode themes with a vibrant pop

Suggested color roles

primary

#2B0D3F - A very deep, rich purple, excellent for main content areas, navigation, or primary branding elements, providing a mysterious and sophisticated foundation.

secondary

#4C156C - A profound magenta-purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#FF69B4 - A vibrant, hot pink, perfect for interactive elements, calls-to-action, or important notifications, demanding immediate attention with its intense glow.

background

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

text

#FF69B4 - For primary text on dark backgrounds, ensuring excellent readability and a vibrant, energetic feel. A pure white can also provide high contrast.

Accessibility notes

Ensure #FF69B4 text on #0C0C1E or #2B0D3F backgrounds meets WCAG AA contrast standards for readability.
Avoid using #4C156C or #6D209B for small text against the darkest backgrounds, as contrast might be insufficient.
The vibrancy of #FF69B4 should be used judiciously for accents to avoid visual fatigue, especially for large blocks of text.
Provide clear non-color cues for interactive elements, as the bright accent might be overwhelming 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.

#0C0C1E · #2B0D3F · #4C156C

Cosmic Flare

Excellent for highlighting key information or calls-to-action, with #FF69B4 providing a powerful pop against darker purples.

#2B0D3F · #6D209B · #FF69B4

Dramatic Contrast

Ideal for striking content hierarchy, with #0C0C1E as background, #FF69B4 for bold headings, and #6D209B for supporting text.

#0C0C1E · #FF69B4 · #6D209B

CSS variables

:root {
  --deep-space-nebula-5-1: #0C0C1E;
  --deep-space-nebula-5-2: #2B0D3F;
  --deep-space-nebula-5-3: #4C156C;
  --deep-space-nebula-5-4: #6D209B;
  --deep-space-nebula-5-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-5": {
        1: "#0C0C1E",
        2: "#2B0D3F",
        3: "#4C156C",
        4: "#6D209B",
        5: "#FF69B4",
      }
    }
  }
}

Hex values

Color 1#0C0C1E

Color 2#2B0D3F

Color 3#4C156C

Color 4#6D209B

Color 5#FF69B4

Accessibility

Contrast checker

1.1:1Fail

1.5:1Fail

2.1:1Fail

7.3:1AAA

1.1:1Fail

1.3:1Fail

1.9:1Fail

6.4:1AA

1.5:1Fail

1.3:1Fail

1.4:1Fail

4.9:1AA

2.1:1Fail

1.9:1Fail

1.4:1Fail

3.4:1AA18

7.3:1AAA

6.4:1AA

4.9:1AA

3.4:1AA18

Similar palettes

More like Deep Space Nebula

Celestial Shimmer Glow

Cosmic Dreamscape Dust