Back to palettes

Palette

Midnight Starfall Void

A profound palette inspired by the infinite, dark expanse of space and the distant glimmers of starlight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0f0f2a#0a0a1a#2a2a4f#6e7e9e#938f9b

Palette guide

How to use Midnight Starfall Void

Overview

The Midnight Starfall Void palette is a minimalist and profound collection of very dark blues and grays, with subtle hints of purple, evoking the infinite, mysterious expanse of space. Anchored by the near-black #0a0a1a, it subtly transitions through #0f0f2a and #2a2a4f, culminating in the muted luminosity of #6e7e9e and #938f9b. This palette is designed for designers and developers seeking a deeply immersive and sophisticated dark theme. It’s perfect for scientific dashboards, abstract art, or any digital experience that aims to convey depth, mystery, and a quiet sense of the cosmic unknown without harsh contrasts.

Best used for

  • Scientific data visualization dashboards
  • Minimalist dark mode application UI
  • Conceptual art and photography portfolios
  • Secure system interfaces
  • Abstract branding
  • Space-themed media backgrounds

Suggested color roles

primary

Utilize #0a0a1a as the absolute deepest background, creating an immersive void-like foundation.

secondary

Employ #0f0f2a for main content areas or card backgrounds, providing a subtle layer above the primary dark.

accent

Reserve #938f9b for very subtle highlights, delicate icons, or secondary information to maintain the minimalist aesthetic.

background

The ultra-dark #0a0a1a or #0f0f2a makes an excellent, profound background, ideal for focus-driven interfaces.

text

For optimal readability on these dark backgrounds, use #6e7e9e for body text. For headings, a crisp white or very light gray like #EEEEEE provides strong contrast.

Accessibility notes

  • Crucially, ensure #6e7e9e text on #0a0a1a or #0f0f2a meets WCAG AA contrast standards for body text.
  • Avoid using #2a2a4f directly on #0f0f2a for small text, as the contrast will be insufficient.
  • For decorative elements, #938f9b can be used on #6e7e9e, but not for essential readability.
  • Consider providing a light mode option or high-contrast alternative for users with visual impairments.

Recommended combinations

Void Depth

Forms a robust, deep dark theme foundation, suitable for overall site design with a subtle, readable accent.

#0A0A1A · #0F0F2A · #938F9B

Subtle Contrast

Perfect for creating layered UI elements, card backgrounds, or subtle depth effects within a dark interface.

#0F0F2A · #2A2A4F · #6E7E9E

Distant Stars

Use for prominent feature blocks or callout boxes, where the lighter grays provide a gentle glow against the void.

#0A0A1A · #6E7E9E · #938F9B

CSS variables

:root {
  --midnight-starfall-void-1: #0f0f2a;
  --midnight-starfall-void-2: #0a0a1a;
  --midnight-starfall-void-3: #2a2a4f;
  --midnight-starfall-void-4: #6e7e9e;
  --midnight-starfall-void-5: #938f9b;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-starfall-void": {
        1: "#0f0f2a",
        2: "#0a0a1a",
        3: "#2a2a4f",
        4: "#6e7e9e",
        5: "#938f9b",
      }
    }
  }
}

Related searches

dark cosmic void palettemysterious deep spaceminimalist dark themesubtle blue gray UIprofound night colors

Palette colors

Hex values

Color 1#0f0f2a
·
Color 2#0a0a1a
·
Color 3#2a2a4f
·
Color 4#6e7e9e
·
Color 5#938f9b
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
4.6:1AA
5.9:1AA
2
1:1Fail
1.4:1Fail
4.8:1AA
6.2:1AA
3
1.4:1Fail
1.4:1Fail
3.3:1AA18
4.3:1AA18
4
4.6:1AA
4.8:1AA
3.3:1AA18
1.3:1Fail
5
5.9:1AA
6.2:1AA
4.3:1AA18
1.3:1Fail

Similar palettes

More like Midnight Starfall Void

View all dark
Celestial Dust Swirl
Cosmic Deep Slumber
Cosmic Dust Bloom
Cosmic Stardust Drift
Dark Matter Shroud
Dark Matter Swirl