Palette

Deep Space Galactic

A profound exploration of deep blacks and purplish greys, reflecting the vast emptiness and beauty of space.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1A1A2E#3D3D5B#707094#A3A3BD

Palette guide

How to use Deep Space Galactic

Overview

The Deep Space Galactic palette captures the majestic, sprawling beauty of distant galaxies, blending profound blacks with sophisticated purplish-greys. From the absolute darkness of #000000 to the ethereal #A3A3BD, this palette evokes both the emptiness and the shimmering wonder of the cosmos. It's a superb choice for designers and developers seeking to create elegant, mysterious, or highly modern experiences. The harmonious progression of dark, cool tones and subtle purplish undertones makes it perfect for interfaces, branding, or digital art that requires a sense of vastness, sophistication, and quiet intrigue.

Best used for

Science fiction gaming interfaces
Luxury lifestyle websites and apps
Abstract art and photography platforms
High-end fashion branding
Dark mode themes for creative professionals
Astronomy club or observatory websites

Suggested color roles

primary

#1A1A2E - A very deep, almost black with a subtle purple tint, excellent for main content areas, large text blocks, or primary UI elements, providing a sophisticated foundation.

secondary

#3D3D5B - A rich, dark purplish-grey, ideal for secondary backgrounds, navigation bars, or subtle dividers, adding layered depth.

accent

#A3A3BD - A luminous, pale grey with a hint of lavender, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with an ethereal glow.

background

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

text

#A3A3BD - For primary text on dark backgrounds, ensuring excellent readability and a harmonious, cosmic aesthetic.

Accessibility notes

Ensure #A3A3BD text on #000000, #1A1A2E, or #3D3D5B backgrounds meets WCAG AA contrast standards for readability.
Avoid using #707094 for small text on the darkest backgrounds, as contrast might be insufficient.
For critical information and interactive states, always use the lightest shade, #A3A3BD, to maximize visibility.
When using #707094 for supporting text, ensure it is sufficiently large or has enough spacing to aid readability against darker tones.

Recommended combinations

Galactic Core

Creates a deep, layered background effect, perfect for immersive hero sections or full-screen overlays with a sense of cosmic depth.

#000000 · #1A1A2E · #3D3D5B

Nebula Shimmer

Excellent for data visualization or progress indicators, moving from dark to light with a subtle glow.

#1A1A2E · #707094 · #A3A3BD

Cosmic Hierarchy

Ideal for clear content hierarchy, with #000000 as background, #A3A3BD for headings, and #707094 for supporting text.

#000000 · #A3A3BD · #707094

CSS variables

:root {
  --deep-space-galactic-1: #000000;
  --deep-space-galactic-2: #1A1A2E;
  --deep-space-galactic-3: #3D3D5B;
  --deep-space-galactic-4: #707094;
  --deep-space-galactic-5: #A3A3BD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-galactic": {
        1: "#000000",
        2: "#1A1A2E",
        3: "#3D3D5B",
        4: "#707094",
        5: "#A3A3BD",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#1A1A2E

Color 3#3D3D5B

Color 4#707094

Color 5#A3A3BD

Accessibility

Contrast checker

1.2:1Fail

2:1Fail

4.4:1AA18

8.5:1AAA

1.2:1Fail

1.6:1Fail

3.6:1AA18

6.9:1AA

2:1Fail

1.6:1Fail

2.2:1Fail

4.2:1AA18

4.4:1AA18

3.6:1AA18

2.2:1Fail

1.9:1Fail

8.5:1AAA

6.9:1AA

4.2:1AA18

1.9:1Fail

Similar palettes

More like Deep Space Galactic