Palette

Void Starfall Glow

A deep and ethereal journey into the night sky, sprinkled with distant, mysterious star dust.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Void Starfall Glow 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 Void Starfall Glow.

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

Data visualization

#000000#1C0D26#3A1A4C#572772#753499

Palette guide

How to use Void Starfall Glow

Overview

The Void Starfall Glow palette offers a captivating journey into the deep night sky, blending the absolute black of #000000 with increasingly luminous purples. From the profound #1C0D26 to the vibrant #753499, this collection evokes the mystery of distant nebulae and the glow of falling stars. Designers can use these hex codes to create dramatic, luxurious, or mystical projects that require depth and a touch of magic. Developers will find this palette excellent for immersive dark mode UIs, fantasy game environments, or high-end branding, ensuring a sophisticated and enchanting user experience that draws the eye into its mysterious depths.

Best used for

Fantasy or sci-fi game UI
Luxury brand websites and digital campaigns
Astrology or spiritual app interfaces
Dark mode themes for creative platforms
High-end event invitations
Cosmic digital art and illustrations

Suggested color roles

primary

Use #000000 for dominant backgrounds or foundational elements, establishing an absolute, profound base.

secondary

Apply #1C0D26 for significant panels, card backgrounds, or primary navigation, adding subtle depth.

accent

Employ #753499 for interactive elements, key highlights, or calls-to-action, providing a vibrant, mystical pop.

background

The deepest shade, #000000, serves as an excellent dark background, allowing the purples to truly glow.

text

For primary text on dark backgrounds, use #753499 or #572772. For critical text, pure white offers maximum readability.

Accessibility notes

Ensure sufficient contrast between lighter purples like #753499 and the darkest backgrounds (#000000, #1C0D26) for text.
Avoid using #1C0D26 or #3A1A4C for small text on similarly dark backgrounds due to low contrast.
Check contrast ratios for interactive elements, ensuring they are clearly distinguishable, especially on hover/active states.
Consider using white or a very light gray for long-form content on the darkest backgrounds to optimize readability.

Recommended combinations

Void Depths

Ideal for dramatic dark mode UIs, main content areas, and glowing accents.

#000000 · #3A1A4C · #753499

Starfall Shimmer

Effective for secondary panels, interactive elements, and a deep, grounding base.

#1C0D26 · #572772 · #000000

Nebula Glow

Great for vibrant gradients, ethereal overlays, and highlighting key features.

#753499 · #572772 · #3A1A4C

CSS variables

:root {
  --void-starfall-glow-1: #000000;
  --void-starfall-glow-2: #1C0D26;
  --void-starfall-glow-3: #3A1A4C;
  --void-starfall-glow-4: #572772;
  --void-starfall-glow-5: #753499;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "void-starfall-glow": {
        1: "#000000",
        2: "#1C0D26",
        3: "#3A1A4C",
        4: "#572772",
        5: "#753499",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#1C0D26

Color 3#3A1A4C

Color 4#572772

Color 5#753499

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

1.9:1Fail

2.7:1Fail

1.1:1Fail

1.3:1Fail

1.7:1Fail

2.4:1Fail

1.4:1Fail

1.3:1Fail

1.4:1Fail

1.9:1Fail

1.7:1Fail

1.4:1Fail

2.7:1Fail

2.4:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Void Starfall Glow

Void Starfall Glow

See it in context.

Ready when you are.

Built with Void Starfall Glow.

How to use Void Starfall Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Void Depths

Starfall Shimmer

Nebula Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Void Starfall Glow