Palette

Galactic Nebula Veil

A mesmerizing blend of deep space colors, swirling through distant nebulae and stardust.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#FF00FF#191970#0F0F0F

Palette guide

How to use Galactic Nebula Veil

Overview

The 'Galactic Nebula Veil' palette evokes the profound beauty of deep space, offering a sophisticated blend of dark and vibrant hues. Centered around a captivating indigo violet (#4B0082) and a luminous blue violet (#8A2BE2), this scheme is perfect for designs aiming for a mystic, luxurious, or futuristic aesthetic. The electric magenta (#FF00FF) provides a striking contrast, while the profound midnight blue (#191970) and near-black (#0F0F0F) anchor the palette, creating an immersive backdrop. Designers and developers can leverage this palette to craft visually rich digital interfaces, immersive gaming environments, or distinctive branding that stands out with cosmic elegance.

Best used for

Luxury tech branding and websites
Sci-fi game user interfaces and environments
Digital art and illustration with cosmic themes
High-end event promotions (e.g., nightlife, festivals)
Creative portfolio sites for artists and designers
Immersive virtual reality experiences

Suggested color roles

primary

Use #4B0082 (Indigo) for main brand elements, significant headers, or large background sections that require a deep, mystical presence.

secondary

Employ #8A2BE2 (Blue Violet) for subheadings, interactive elements, or sections requiring a lighter, yet still profound, purple tone to complement the primary.

accent

Reserve #FF00FF (Magenta) for critical call-to-action buttons, hover states, or vibrant highlights that demand immediate attention and a futuristic flair.

background

Utilize #0F0F0F (Near Black) or #191970 (Midnight Blue) for immersive dark backgrounds, providing depth and allowing brighter elements to truly pop.

text

For optimal readability against dark backgrounds, use a light color like pure white (#FFFFFF) or a very light gray. For larger headings or decorative text, #8A2BE2 can offer a unique visual against #0F0F0F.

Accessibility notes

Ensure sufficient contrast when pairing text with the dark backgrounds (#0F0F0F, #191970); white or very light gray text is recommended.
The vibrant #FF00FF (Magenta) can be intense for large blocks of text; use it sparingly for accents and interactive elements.
Check contrast ratios for #8A2BE2 against #0F0F0F or #191970, especially for smaller font sizes, to meet WCAG AA standards.
Avoid using #4B0082 or #191970 for small text on #0F0F0F as the contrast will likely be insufficient.

Recommended combinations

Deep Space Base

Ideal for creating rich, layered dark backgrounds and foundational elements, offering subtle depth.

#0F0F0F · #191970 · #4B0082

Cosmic Flare

Perfect for vibrant gradients, interactive components, and focal points that need to draw the eye.

#4B0082 · #8A2BE2 · #FF00FF

Dark Horizon

Use this for striking accents on a near-black canvas, providing high contrast and energetic highlights.

#0F0F0F · #FF00FF · #8A2BE2

CSS variables

:root {
  --galactic-nebula-veil-1: #4B0082;
  --galactic-nebula-veil-2: #8A2BE2;
  --galactic-nebula-veil-3: #FF00FF;
  --galactic-nebula-veil-4: #191970;
  --galactic-nebula-veil-5: #0F0F0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-nebula-veil": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#FF00FF",
        4: "#191970",
        5: "#0F0F0F",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#FF00FF

Color 4#191970

Color 5#0F0F0F

Accessibility

Contrast checker

2.2:1Fail

4.1:1AA18

1.1:1Fail

1.5:1Fail

2.2:1Fail

1.9:1Fail

2.5:1Fail

3.2:1AA18

4.1:1AA18

1.9:1Fail

4.7:1AA

6.1:1AA

1.1:1Fail

2.5:1Fail

4.7:1AA

1.3:1Fail

1.5:1Fail

3.2:1AA18

6.1:1AA

1.3:1Fail

Similar palettes

More like Galactic Nebula Veil

View all dark

Cosmic Dust Trail

Galactic Core Radiance