Palette

Galactic Nebula Haze

Reflects the awe-inspiring and mysterious beauty of distant star-forming regions in space.

DarkDark5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Nebula Haze 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 Galactic Nebula Haze.

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

Data visualization

#4B0082#0000CD#FF00FF#C0C0C0#000000

Palette guide

How to use Galactic Nebula Haze

Overview

The "Galactic Nebula Haze" palette evokes the profound beauty of deep space, combining rich, mysterious darks with electrifying cosmic brights. Featuring a deep indigo (#4B0082) as its anchor, complemented by a striking medium blue (#0000CD) and a vibrant magenta (#FF00FF), this palette is ideal for creating immersive digital experiences. A stark black (#000000) provides the ultimate backdrop, while a soft silver (#C0C0C0) offers crucial readability. Designers and developers can leverage these hues to build interfaces that feel both sophisticated and otherworldly, perfect for themes requiring depth, wonder, and a touch of futuristic allure. Its balanced contrast allows for dynamic visual storytelling.

Best used for

Sci-fi themed video games and apps
Astrology or space exploration websites
Event branding for cosmic-themed parties or festivals
Dark mode UI/UX designs
Digital art and abstract illustrations
High-tech product showcases

Suggested color roles

primary

#4B0082 (Deep Indigo). Use this commanding hue for main headings, prominent buttons, or large background sections to establish the palette's mysterious depth.

secondary

#0000CD (Medium Blue). Ideal for subheadings, navigation elements, or secondary calls-to-action, providing a cool, stable contrast to the primary indigo.

accent

#FF00FF (Vibrant Magenta). Reserve this electrifying color for highlights, interactive states, small icons, or crucial alerts to draw immediate attention.

background

#000000 (Pure Black). The ultimate canvas for this palette, ensuring maximum contrast and reinforcing the deep space aesthetic.

text

#C0C0C0 (Silver). This light, elegant gray offers excellent readability against the dark backgrounds, perfect for body text and descriptive labels.

Accessibility notes

Ensure #C0C0C0 text has sufficient contrast against #000000 and #4B0082 backgrounds (WCAG AA usually met).
Avoid using #0000CD directly on #4B0082 for small text; their contrast ratio might be insufficient.
Leverage #FF00FF as an accent, but not for critical information requiring high readability against darks due to its intensity.
Consider a slightly lighter gray than #C0C0C0, or a bolder font weight, for very small text if readability issues arise.

Recommended combinations

Deep Space UI

A classic dark mode combination where black is the background, indigo provides structure, and silver ensures clear text.

#000000 · #4B0082 · #C0C0C0

Cosmic Flare

For attention-grabbing elements or interactive components, with blue as a base, magenta as a highlight, and silver for accompanying text.

#0000CD · #FF00FF · #C0C0C0

Nebula Gradient

Excellent for gradients, hero sections, or abstract art where these three colors blend to create a dynamic, ethereal effect.

#4B0082 · #0000CD · #FF00FF

CSS variables

:root {
  --galactic-nebula-haze-1: #4B0082;
  --galactic-nebula-haze-2: #0000CD;
  --galactic-nebula-haze-3: #FF00FF;
  --galactic-nebula-haze-4: #C0C0C0;
  --galactic-nebula-haze-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-nebula-haze": {
        1: "#4B0082",
        2: "#0000CD",
        3: "#FF00FF",
        4: "#C0C0C0",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#0000CD

Color 3#FF00FF

Color 4#C0C0C0

Color 5#000000

Accessibility

Contrast checker

1.2:1Fail

4.1:1AA18

7.1:1AAA

1.6:1Fail

1.2:1Fail

3.6:1AA18

6.1:1AA

1.9:1Fail

4.1:1AA18

3.6:1AA18

1.7:1Fail

6.7:1AA

7.1:1AAA

6.1:1AA

1.7:1Fail

11.5:1AAA

1.6:1Fail

1.9:1Fail

6.7:1AA

11.5:1AAA

Similar palettes

More like Galactic Nebula Haze