Back to palettes

Palette

Deep Space Void

An exploration of the deepest, darkest corners of the cosmos, hinting at unseen forces.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Space 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 Deep Space Void.

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

Data visualization

#000000#1A1A2E#0F3460#16213E#283747

Palette guide

How to use Deep Space Void

Overview

The Deep Space Void palette explores the deepest, darkest corners of the cosmos, hinting at unseen forces with a spectrum of profound blacks and deep navies. From the absolute darkness of #000000 to the mysterious #283747, this palette offers unparalleled depth and a sense of vast, silent power. It's an essential resource for designers and developers seeking a minimalist, powerful, and utterly sophisticated aesthetic. This palette excels in creating sleek interfaces, dramatic backdrops, or elegant branding that communicates seriousness, professionalism, and a focus on content within a cosmic context.

Best used for

  • Minimalist sci-fi interfaces
  • Abstract art and photography platforms
  • Luxury tech brand applications
  • Professional corporate websites
  • Dark mode themes for high-focus productivity apps
  • Gaming UI for mystery or horror titles

Suggested color roles

primary

#16213E - A very deep, almost black-blue, excellent for main content areas, large text blocks, or primary UI elements, providing a sleek and modern foundation.

secondary

#0F3460 - A rich, profound navy blue, ideal for secondary backgrounds, navigation bars, or subtle dividers, adding layered depth.

accent

#283747 - A dark, muted blue-grey, providing a subtle highlight for interactive elements, icons, or secondary information, maintaining sophistication.

background

#000000 - Pure black, serving as the ultimate deep and dramatic backdrop, emphasizing content and creating a sense of infinite space.

text

A pure white or light grey for primary text against #000000 or #16213E backgrounds, ensuring maximum readability in this profoundly dark palette.

Accessibility notes

  • As most colors are very dark, ensure any text color (preferably white or very light grey) has sufficient contrast against all background options.
  • Avoid using any of the palette's darker blues for text against other dark blues, as contrast will be severely lacking.
  • For interactive elements, use distinct focus states that are highly visible, such as a bright white outline or glow.
  • Provide clear visual hierarchy using size and weight, as color contrast will be minimal among the background tones.

Recommended combinations

Void Layers

Creates a seamless, deep gradient for backgrounds, hero sections, or full-screen overlays, emphasizing content.

#000000 · #1A1A2E · #16213E

Subtle Depth

Excellent for defining content blocks and information hierarchy, with #1A1A2E as base, #0F3460 for elements, and #283747 for subtle highlights.

#1A1A2E · #0F3460 · #283747

Cosmic Silence

Ideal for bold headlines on a dark canvas, with #283747 for text and #16213E for supporting details, assuming text is light.

#000000 · #283747 · #16213E

CSS variables

:root {
  --deep-space-void-1: #000000;
  --deep-space-void-2: #1A1A2E;
  --deep-space-void-3: #0F3460;
  --deep-space-void-4: #16213E;
  --deep-space-void-5: #283747;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-void": {
        1: "#000000",
        2: "#1A1A2E",
        3: "#0F3460",
        4: "#16213E",
        5: "#283747",
      }
    }
  }
}

Related searches

deep black navy paletteminimalist dark space themevoid UI designdark professional brandingcosmic black mode

Palette colors

Hex values

Color 1#000000
·
Color 2#1A1A2E
·
Color 3#0F3460
·
Color 4#16213E
·
Color 5#283747
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.3:1Fail
1.7:1Fail
2
1.2:1Fail
1.4:1Fail
1.1:1Fail
1.4:1Fail
3
1.7:1Fail
1.4:1Fail
1.3:1Fail
1:1Fail
4
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
5
1.7:1Fail
1.4:1Fail
1:1Fail
1.3:1Fail

Similar palettes

More like Deep Space Void

View all Dark
Dark Academia Ink
Deep Forest Murmur
Galactic Nebula Haze
Midnight Forest Whisper
Mystic Forest Whisper
Nebula Starfield