Palette

Deep Space Nebula

Plunges into the enigmatic depths of a distant nebula, with swirling purples and deep blues.

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

#0F0C2F#2C2B59#4C478C#7B76BE#AFA8EB

Palette guide

How to use Deep Space Nebula

Overview

The Deep Space Nebula palette (version 9) plunges into the enigmatic depths of a distant nebula, with swirling purples and deep blues. From the profound #0F0C2F to the ethereal #AFA8EB, this palette offers a harmonious blend of mystery, tranquility, and soft luminosity. It's an exceptional choice for designers and developers aiming to create sophisticated, calming, or futuristic experiences. The balanced progression of deep, cool tones and gentle, 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 mindfulness applications
Luxury brand websites and apps
Science fiction novel covers
Digital art portfolio sites
Educational content on astronomy
Dark mode themes with a serene purple hue

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

Ensure #AFA8EB text on #0F0C2F or #2C2B59 backgrounds meets WCAG AA contrast standards for readability.
Avoid using #4C478C or #7B76BE for small text against the darkest backgrounds, as contrast might be insufficient.
For critical information and interactive states, always use the lightest shade, #AFA8EB, to maximize visibility.
Provide clear visual cues for focus and hover states for interactive elements, perhaps using a subtle glow or border with #AFA8EB.

Recommended combinations

Cosmic Drift

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

#0F0C2F · #2C2B59 · #4C478C

Nebula Haze

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

#2C2B59 · #7B76BE · #AFA8EB

Ethereal Contrast

Ideal for clear content hierarchy, with #0F0C2F as background, #AFA8EB for headings, and #7B76BE for supporting text.

#0F0C2F · #AFA8EB · #7B76BE

CSS variables

:root {
  --deep-space-nebula-9-1: #0F0C2F;
  --deep-space-nebula-9-2: #2C2B59;
  --deep-space-nebula-9-3: #4C478C;
  --deep-space-nebula-9-4: #7B76BE;
  --deep-space-nebula-9-5: #AFA8EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-nebula-9": {
        1: "#0F0C2F",
        2: "#2C2B59",
        3: "#4C478C",
        4: "#7B76BE",
        5: "#AFA8EB",
      }
    }
  }
}

Hex values

Color 1#0F0C2F

Color 2#2C2B59

Color 3#4C478C

Color 4#7B76BE

Color 5#AFA8EB

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

4.6:1AA

8.6:1AAA

1.4:1Fail

1.6:1Fail

3.2:1AA18

6:1AA

2.3:1Fail

1.6:1Fail

2:1Fail

3.7:1AA18

4.6:1AA

3.2:1AA18

2:1Fail

1.9:1Fail

8.6:1AAA

6:1AA

3.7:1AA18

1.9:1Fail

Similar palettes

More like Deep Space Nebula

Abyssal Bioluminescence

Deep Forest Murmur