Palette

Galactic Void Violet

A deep and ethereal palette inspired by the stunning and unknown expanses of deep space nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Void Violet 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 Void Violet.

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

Data visualization

#2B0C3E#5A2D78#8D5EA8#B092CC#C7BEE6

Palette guide

How to use Galactic Void Violet

Overview

The 'Galactic Void Violet' palette captures the enigmatic beauty of deep space nebulae with its spectrum of profound purples. Anchored by the intense #2B0C3E, it evolves through the rich #5A2D78 and the captivating #8D5EA8. The softer, more ethereal tones of #B092CC and the near-white #C7BEE6 introduce a luminous quality, perfect for evoking distant starlight. This palette is exceptionally versatile for designers and developers aiming to create sophisticated, mystical, and visually striking digital experiences, from immersive websites to elegant application interfaces, where depth and ethereal vibrancy are key.

Best used for

Luxury brand websites and digital campaigns
Fantasy or sci-fi themed game UI and environments
Creative portfolios for artists and photographers
Event invitations and branding for exclusive gatherings
Wellness and meditation app interfaces
E-commerce for high-end fashion or jewelry

Suggested color roles

primary

Utilize #5A2D78 as the foundational color for large sections, main navigation, or dominant branding elements. It provides significant depth and a luxurious feel.

secondary

Employ #8D5EA8 for secondary content areas, subheadings, or complementary graphics. It offers a harmonious contrast while maintaining the palette's mystical essence.

accent

Reserve #C7BEE6 for critical calls-to-action, interactive highlights, or subtle glowing effects. Its lightness ensures high visibility and an ethereal touch.

background

The deepest #2B0C3E serves as an excellent dark mode background, providing a profound, immersive canvas that enhances the lighter shades.

text

For body text, use #C7BEE6 or #B092CC against the darker backgrounds for optimal readability. For headings, a crisp white or very light grey complements #2B0C3E beautifully.

Accessibility notes

Ensure #C7BEE6 text on #2B0C3E or #5A2D78 backgrounds meets WCAG contrast guidelines.
Be cautious with #B092CC text on #8D5EA8; it may require adjustment for sufficient contrast.
Use high-contrast combinations for critical information, such as #C7BEE6 on #2B0C3E.
Avoid pairing mid-tones like #5A2D78 and #8D5EA8 for text and background without careful contrast checking.

Recommended combinations

Nebula UI

Creates a deep, immersive UI with #C7BEE6 providing clear, ethereal highlights.

#2B0C3E · #5A2D78 · #C7BEE6

Mystic Elegance

Perfect for sophisticated branding, layering purples for depth and subtle transitions.

#5A2D78 · #8D5EA8 · #B092CC

Cosmic Glow

Use #2B0C3E as background with #B092CC for elements and #C7BEE6 for glowing accents or text.

#2B0C3E · #B092CC · #C7BEE6

CSS variables

:root {
  --galactic-void-violet-1: #2B0C3E;
  --galactic-void-violet-2: #5A2D78;
  --galactic-void-violet-3: #8D5EA8;
  --galactic-void-violet-4: #B092CC;
  --galactic-void-violet-5: #C7BEE6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-violet": {
        1: "#2B0C3E",
        2: "#5A2D78",
        3: "#8D5EA8",
        4: "#B092CC",
        5: "#C7BEE6",
      }
    }
  }
}

Hex values

Color 1#2B0C3E

Color 2#5A2D78

Color 3#8D5EA8

Color 4#B092CC

Color 5#C7BEE6

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

6.4:1AA

9.7:1AAA

1.7:1Fail

2.1:1Fail

3.8:1AA18

5.7:1AA

3.5:1AA18

2.1:1Fail

1.8:1Fail

2.8:1Fail

6.4:1AA

3.8:1AA18

1.8:1Fail

1.5:1Fail

9.7:1AAA

5.7:1AA

2.8:1Fail

1.5:1Fail

Similar palettes

More like Galactic Void Violet

View all dark

Dark Galaxy Nebula

Deep Space Comet

Starlight Nebula Gaze

Abyssal Reef Glow

Amethyst Cavern Deep

Celestial Lanterns