Palette

Galactic Void Glimmer

A dark, minimalist palette reflecting the profound stillness and subtle beauty of deep space with distant nebulae.

monochromedark5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A2A#2F2F5F#5C5C8C#8C8CAC#BDBDD9

Palette guide

How to use Galactic Void Glimmer

Overview

The Galactic Void Glimmer palette offers a subtle yet profound monochrome-like journey through deep space, characterized by muted blue-purples. Starting with the profound #0A0A2A, it gradually brightens through #2F2F5F and #5C5C8C, culminating in the ethereal #8C8CAC and #BDBBD9. This palette is perfect for designs requiring elegance, minimalism, and a sense of calm sophistication. It's an excellent choice for designers and developers seeking to create serene digital environments, understated branding, or interfaces that convey tranquility and depth without overwhelming vibrancy. Its cohesive gradient makes it highly versatile for subtle visual storytelling.

Best used for

Meditation apps
Luxury spa branding
Minimalist website design
Serene dark mode themes
Abstract photography backgrounds
Calming UI elements

Suggested color roles

primary

#0A0A2A (Deep, silent blue-black, serving as the foundational base of the void.)

secondary

#2F2F5F (Supportive, dark blue-purple, ideal for secondary content areas or layered structural elements.)

accent

#8C8CAC (Muted, shimmering light blue-purple, best for soft focus, subtle highlights, or decorative details.)

background

#0A0A2A (A vast, tranquil canvas that creates a minimalist and sophisticated atmosphere.)

text

#BDBBD9 (A light, readable blue-purple, offering good contrast for body text on the darker palette colors, or use pure white.)

Accessibility notes

Ensure #BDBBD9 provides good contrast for text on #0A0A2A, #2F2F5F, and #5C5C8C for optimal readability.
Avoid using #8C8CAC for small text on lighter shades; it's better for larger elements or accents due to lower contrast.
Ensure interactive elements have clear visual cues, as color differences within the palette can be subtle.
Always test contrast ratios for text and crucial UI elements to ensure WCAG AA compliance, especially for critical information.

Recommended combinations

Silent Depths

For main backgrounds, structural panels, and deep sections, creating subtle visual separation.

#0A0A2A · #2F2F5F · #5C5C8C

Cosmic Shimmer

Perfect for subheadings, subtle dividers, or ethereal UI elements that need a soft, glowing effect.

#5C5C8C · #8C8CAC · #2F2F5F

Glimmering Text

Excellent for primary text on dark backgrounds, ensuring clear content presentation with a soft cosmic touch.

#0A0A2A · #5C5C8C · #8C8CAC

CSS variables

:root {
  --galactic-void-glimmer-1: #0A0A2A;
  --galactic-void-glimmer-2: #2F2F5F;
  --galactic-void-glimmer-3: #5C5C8C;
  --galactic-void-glimmer-4: #8C8CAC;
  --galactic-void-glimmer-5: #BDBDD9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-glimmer": {
        1: "#0A0A2A",
        2: "#2F2F5F",
        3: "#5C5C8C",
        4: "#8C8CAC",
        5: "#BDBDD9",
      }
    }
  }
}

Hex values

Color 1#0A0A2A

Color 2#2F2F5F

Color 3#5C5C8C

Color 4#8C8CAC

Color 5#BDBDD9

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

5.9:1AA

10.5:1AAA

1.6:1Fail

2:1Fail

3.8:1AA18

6.8:1AA

3.1:1AA18

2:1Fail

1.9:1Fail

3.4:1AA18

5.9:1AA

3.8:1AA18

1.9:1Fail

1.8:1Fail

10.5:1AAA

6.8:1AA

3.4:1AA18

1.8:1Fail

Similar palettes

More like Galactic Void Glimmer