Palette

Dark Galaxy Nebula

Explores the mysterious and captivating dark purples of a distant, swirling galaxy nebula.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Galaxy 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 Dark Galaxy Nebula.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#1A0A2A#3F0F66#6A2BE2#9B3EFD#C08FFF

Palette guide

How to use Dark Galaxy Nebula

Overview

The Dark Galaxy Nebula palette is a breathtaking journey through deep, cosmic purples, capturing the mysterious allure of distant nebulae. Ranging from the profound #1A0A2A to the ethereal #C08FFF, this palette offers a vibrant yet sophisticated gradient for designs seeking a celestial and enigmatic aesthetic. It's ideal for sci-fi interfaces, fantasy art, or any project that aims to evoke wonder and futuristic elegance. Designers can leverage its depth for immersive backgrounds, while developers will find it perfect for dark mode themes that require a distinctive, otherworldly glow, ensuring a visually captivating user experience.

Best used for

Sci-fi game interfaces or concept art
Space exploration website themes
Fantasy or mystical branding
Dark mode UI for creative design tools
Event branding for technology or innovation conferences
Digital art and illustration with cosmic themes

Suggested color roles

primary

#3F0F66 - A deep, rich galaxy purple that serves as a strong, elegant foundation for primary elements, large sections, or brand identity.

secondary

#6A2BE2 - This vibrant, electric purple offers a compelling contrast, suitable for secondary content blocks, navigation, or as a contrasting panel.

accent

#C08FFF - The lightest shade, a soft, luminous lavender, perfect for glowing highlights, interactive states, or delicate graphical details, creating a celestial shimmer.

background

#1A0A2A - An exceptionally dark, almost black-purple, offering a profound, immersive background that enhances the mysterious feel of the palette.

text

#9B3EFD - A bright, highly visible purple that works well for subheadings or emphasized text. For main body text on the darkest backgrounds, consider a very light gray (e.g., #F0F0F0) for optimal readability.

Accessibility notes

Ensure sufficient contrast when using #C08FFF for text on darker background colors like #1A0A2A or #3F0F66.
#9B3EFD might have insufficient contrast on #6A2BE2; test carefully.
For critical text on the darkest backgrounds, opt for a pure white or very light gray to meet accessibility standards.
Avoid using #1A0A2A as a background for anything but very light text due to its extreme darkness.

Recommended combinations

Cosmic Gradient

Creating stunning background gradients for hero sections, adding depth and a celestial feel.

#1A0A2A · #3F0F66 · #6A2BE2

Nebula Pop

Pairing a dominant dark purple with a luminous accent and a bright text color for call-to-actions or alerts.

#3F0F66 · #C08FFF · #9B3EFD

Layered Stars

Designing UI elements where bright, layered purples create a futuristic and interactive feel.

#6A2BE2 · #9B3EFD · #C08FFF

CSS variables

:root {
  --dark-galaxy-nebula-1: #1A0A2A;
  --dark-galaxy-nebula-2: #3F0F66;
  --dark-galaxy-nebula-3: #6A2BE2;
  --dark-galaxy-nebula-4: #9B3EFD;
  --dark-galaxy-nebula-5: #C08FFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-galaxy-nebula": {
        1: "#1A0A2A",
        2: "#3F0F66",
        3: "#6A2BE2",
        4: "#9B3EFD",
        5: "#C08FFF",
      }
    }
  }
}

Hex values

Color 1#1A0A2A

Color 2#3F0F66

Color 3#6A2BE2

Color 4#9B3EFD

Color 5#C08FFF

Accessibility

Contrast checker

1.3:1Fail

2.7:1Fail

4:1AA18

7.7:1AAA

1.3:1Fail

2.1:1Fail

3.1:1AA18

5.9:1AA

2.7:1Fail

2.1:1Fail

1.5:1Fail

2.8:1Fail

4:1AA18

3.1:1AA18

1.5:1Fail

1.9:1Fail

7.7:1AAA

5.9:1AA

2.8:1Fail

1.9:1Fail

Similar palettes

More like Dark Galaxy Nebula

View all dark

Starlight Nebula Gaze

Celestial Lanterns

Celestial Stardust Trails

Cosmic Deep Slumber

Cosmic Drift Dust

Cosmic Dust Whisper