Back to palettes

Palette

Deep Space Blackout

A gradient of deep grays and blacks, capturing the infinite emptiness of outer space.

MonochromeDark5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1A1A1A#333333#4D4D4D#666666

Palette guide

How to use Deep Space Blackout

Overview

The Deep Space Blackout palette embodies the infinite emptiness and stark beauty of the cosmic void. This monochromatic gradient, ranging from pure black #000000 to the dark grey #666666, offers unparalleled versatility and sophistication. It's an essential resource for designers and developers seeking a minimalist, powerful, and utterly timeless aesthetic. This palette excels in creating sleek interfaces, dramatic backdrops, or elegant branding that communicates seriousness, professionalism, and a focus on content. Its inherent neutrality makes it a perfect foundation for any design project.

Best used for

  • Minimalist website designs
  • High-end luxury brand applications
  • Photography portfolios
  • Professional corporate interfaces
  • Dark mode themes for productivity apps
  • Abstract art and graphic design

Suggested color roles

primary

#1A1A1A - A deep, soft black, perfect for main content areas, large text blocks, or primary UI elements, providing a sleek and modern foundation.

secondary

#333333 - A dark charcoal grey, ideal for secondary backgrounds, navigation bars, or subtle dividers, adding visual separation without harshness.

accent

#666666 - A medium-dark 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

#666666 - For primary text against #000000 or #1A1A1A backgrounds, offering a softer, more elegant contrast than pure white. A bright white text could be used for maximum contrast.

Accessibility notes

  • Ensure #666666 text on #000000 or #1A1A1A backgrounds meets WCAG AA contrast ratios, especially for body text.
  • Avoid using #333333 or #4D4D4D for small text against the darkest backgrounds, as contrast might be insufficient.
  • For interactive elements, use a high-contrast state (e.g., pure white text on #000000 background) to ensure clear feedback.
  • Consider providing options for increased text size and spacing, as monochromatic dark themes can sometimes challenge readability for some users.

Recommended combinations

Void Depth

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

#000000 · #1A1A1A · #333333

Subtle Hierarchy

Excellent for defining content blocks and information hierarchy, with #1A1A1A as base, #4D4D4D for elements, and #666666 for highlights.

#1A1A1A · #4D4D4D · #666666

Monochrome Statement

Ideal for bold headlines on a dark canvas, with #666666 for text and #333333 for supporting details.

#000000 · #666666 · #333333

CSS variables

:root {
  --deep-space-blackout-1: #000000;
  --deep-space-blackout-2: #1A1A1A;
  --deep-space-blackout-3: #333333;
  --deep-space-blackout-4: #4D4D4D;
  --deep-space-blackout-5: #666666;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-blackout": {
        1: "#000000",
        2: "#1A1A1A",
        3: "#333333",
        4: "#4D4D4D",
        5: "#666666",
      }
    }
  }
}

Related searches

black and grey color schememinimalist dark palettevoid aesthetic designmonochrome dark modesleek black branding

Palette colors

Hex values

Color 1#000000
·
Color 2#1A1A1A
·
Color 3#333333
·
Color 4#4D4D4D
·
Color 5#666666
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.5:1Fail
3.7:1AA18
2
1.2:1Fail
1.4:1Fail
2.1:1Fail
3:1AA18
3
1.7:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.5:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
3.7:1AA18
3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Deep Space Blackout

View all Monochrome
Digital Ghost Glitch
Volcanic Obsidian Edge
Abyssal Pearl Gleam
Cyber Rain Puddle
Espresso Bean Roast
Volcanic Ash Glaze