Palette

Void Glimmer Shadow

A profound palette capturing the deep, silent mystery of interstellar space with distant, subtle starlight.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Void Glimmer Shadow 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 Glimmer Shadow.

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

Data visualization

#0A0A1F#1E1E3A#3B3B5B#6A6A8E#050510

Palette guide

How to use Void Glimmer Shadow

Overview

The Void Glimmer Shadow palette delves into the profound depths of cosmic mystery, offering a sophisticated gradient of dark, muted blues and grays. Anchored by the near-black #050510 and the deep #0A0A1F, it transitions through subtle #1E1E3A and #3B3B5B, culminating in the soft glimmer of #6A6A8E. This collection is perfect for designers seeking a minimalist, modern, or ethereal dark theme. Developers will find these hex codes ideal for creating immersive dark mode UIs, high-tech branding, or abstract digital art, ensuring a serene yet intriguing user experience. It's a subtle exploration of shadow and light, designed for understated elegance.

Best used for

Dark mode UI for apps and websites
High-tech or futuristic branding
Luxury product interfaces
Abstract digital art and photography backgrounds
Space exploration themed content
Minimalist design aesthetics

Suggested color roles

primary

Use #050510 for dominant backgrounds or foundational elements, establishing a profound, deep base.

secondary

Apply #0A0A1F for significant panels, card backgrounds, or primary navigation, adding subtle depth.

accent

Employ #6A6A8E for interactive elements, subtle highlights, or secondary text, providing a soft contrast.

background

The deepest shade, #050510 or #0A0A1F, serves as an excellent dark background, evoking a sense of calm and depth.

text

For primary text on dark backgrounds, use #6A6A8E. For secondary text or subtle accents, use #3B3B5B or pure white for maximum contrast.

Accessibility notes

Ensure sufficient contrast between lighter colors like #6A6A8E and darker backgrounds (#050510, #0A0A1F) for text.
Avoid using #1E1E3A or #3B3B5B for small text on similarly dark backgrounds due to low contrast.
Check contrast ratios for interactive elements, ensuring they are clearly distinguishable from their surroundings.
Consider using a very light gray or white for critical text elements to enhance readability on the darkest shades.

Recommended combinations

Deep Space

Ideal for dark mode foundations, content separation, and subtle interactive elements.

#050510 · #1E1E3A · #6A6A8E

Glimmering Void

Effective for main content areas, secondary text, and soft highlights.

#0A0A1F · #3B3B5B · #6A6A8E

Shadow Play

Great for layering elements, subtle gradients, and creating visual hierarchy.

#1E1E3A · #6A6A8E · #050510

CSS variables

:root {
  --void-glimmer-shadow-1: #0A0A1F;
  --void-glimmer-shadow-2: #1E1E3A;
  --void-glimmer-shadow-3: #3B3B5B;
  --void-glimmer-shadow-4: #6A6A8E;
  --void-glimmer-shadow-5: #050510;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "void-glimmer-shadow": {
        1: "#0A0A1F",
        2: "#1E1E3A",
        3: "#3B3B5B",
        4: "#6A6A8E",
        5: "#050510",
      }
    }
  }
}

Hex values

Color 1#0A0A1F

Color 2#1E1E3A

Color 3#3B3B5B

Color 4#6A6A8E

Color 5#050510

Accessibility

Contrast checker

1.2:1Fail

1.8:1Fail

3.8:1AA18

1:1Fail

1.2:1Fail

1.5:1Fail

3.1:1AA18

1.3:1Fail

1.8:1Fail

1.5:1Fail

2.1:1Fail

1.9:1Fail

3.8:1AA18

3.1:1AA18

2.1:1Fail

3.9:1AA18

1:1Fail

1.3:1Fail

1.9:1Fail

3.9:1AA18

Similar palettes

More like Void Glimmer Shadow

Cosmic Stardust Drift

Dark Matter Shroud

Dark Matter Swirl