Back to palettes

Palette

Galactic Void Deep

The infinite mystery of the cosmos, with deep purples fading into the ultimate darkness.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1A001A#330033#4D004D#660066

Palette guide

How to use Galactic Void Deep

Overview

The Galactic Void Deep palette plunges into the profound mystery of the cosmos, featuring true black (#000000) alongside increasingly rich, dark purples like #1A001A and #330033. This monochrome-like scheme, culminating in the subtle but distinct #660066, is perfect for designs demanding ultimate depth, elegance, and a sense of the infinite. It's an excellent choice for creating sophisticated, minimalist interfaces or branding that conveys power, luxury, and enigma. Designers and developers will find it ideal for dark mode themes, high-contrast applications, and any project where a truly profound and immersive visual experience is desired.

Best used for

  • Luxury app interfaces
  • High-end branding
  • Dark mode web themes
  • Abstract digital art
  • Minimalist packaging
  • Cybersecurity dashboards

Suggested color roles

primary

#000000 (Absolute black, providing infinite depth and serving as the ultimate base color.)

secondary

#1A001A (A subtle, dark purple for layered effects, secondary backgrounds, or soft visual separation.)

accent

#660066 (A deep, rich purple, best used for understated highlights, subtle calls-to-action, or decorative elements.)

background

#000000 (The ultimate dark canvas, ensuring maximum contrast for lighter text and elements.)

text

White or light grey (e.g., #EEEEEE) (Essential for maximum contrast and readability against all palette colors.)

Accessibility notes

  • Always use white or a very light grey for text on any of these dark colors to ensure WCAG AA readability standards.
  • Contrast between the purples themselves (#1A001A, #330033, #4D004D, #660066) is very low; use them for backgrounds or subtle depth, not contrasting text.
  • Ensure interactive elements have a clear hover state or visual cue beyond slight color variation due to low contrast.
  • Prioritize stark white or near-white for all critical text and UI elements to guarantee accessibility on this dark palette.

Recommended combinations

Void Layers

Ideal for base and primary content blocks in dark mode, creating subtle depth and visual interest.

#000000 · #1A001A · #330033

Deep Violet

Perfect for subtle gradients, section dividers, or background details that need a touch of color.

#330033 · #660066 · #1A001A

Pure Contrast

The optimal combination for primary text on background, ensuring clarity and high readability (using light grey as a recommendation).

#000000 · #330033 · #4D004D

CSS variables

:root {
  --galactic-void-deep-1: #000000;
  --galactic-void-deep-2: #1A001A;
  --galactic-void-deep-3: #330033;
  --galactic-void-deep-4: #4D004D;
  --galactic-void-deep-5: #660066;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-deep": {
        1: "#000000",
        2: "#1A001A",
        3: "#330033",
        4: "#4D004D",
        5: "#660066",
      }
    }
  }
}

Related searches

deep black purple palettecosmic void colorsluxury dark mode schememonochromatic purple darkminimalist space design

Palette colors

Hex values

Color 1#000000
·
Color 2#1A001A
·
Color 3#330033
·
Color 4#4D004D
·
Color 5#660066
·

Accessibility

Contrast checker

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

Similar palettes

More like Galactic Void Deep

View all dark