Palette

Deep Space Constellation

Profound blues and blacks that mimic the infinite, star-studded expanse of deep space.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0D0F21#1C2442#30416E#47629C#73A7DC

Palette guide

How to use Deep Space Constellation

Overview

The Deep Space Constellation palette beautifully mimics the vast, star-studded expanse of the cosmos, featuring a range of profound blues. From the almost-black #0D0F21 to the celestial #73A7DC, this palette captures the serene yet awe-inspiring depths of space. It's an excellent choice for designers and developers aiming to create projects that exude tranquility, sophistication, and a futuristic vision. The cool, deep tones are perfect for interfaces, branding, or digital art that requires a sense of boundless possibility and quiet grandeur, offering a harmonious and immersive visual journey.

Best used for

Educational astronomy apps
Space simulation game interfaces
Luxury tech brand identities
Science fiction novel covers
Meditation and wellness platforms
Dark mode themes for creative software

Suggested color roles

primary

#1C2442 - A deep, authoritative navy blue, ideal for main content areas, navigation, or primary branding elements, providing a stable foundation.

secondary

#30416E - A rich, profound blue, excellent for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#73A7DC - A bright, clear sky-blue, perfect for interactive elements, calls-to-action, or important notifications that need to stand out with a celestial glow.

background

#0D0F21 - The darkest blue, serving as an expansive, mysterious cosmic backdrop for the entire design, setting a profound mood.

text

#73A7DC - For primary text on dark backgrounds, ensuring excellent readability and a consistent celestial aesthetic.

Accessibility notes

Ensure #73A7DC text on #0D0F21 or #1C2442 backgrounds meets WCAG AA contrast standards for readability.
Avoid using mid-tones like #30416E or #47629C for small text on dark backgrounds, as contrast might be insufficient.
For critical information and interactive states, always use the lightest shade, #73A7DC, to maximize visibility.
Consider using a subtle texture or gradient with the darker blues to add visual interest without compromising readability.

Recommended combinations

Cosmic Horizon

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

#0D0F21 · #1C2442 · #30416E

Stellar Path

Excellent for data visualization or progress indicators, moving from deep blue to bright highlight.

#1C2442 · #47629C · #73A7DC

Galaxy Contrast

Ideal for clear content hierarchy, with #0D0F21 as background, #73A7DC for headings, and #47629C for supporting text.

#0D0F21 · #73A7DC · #47629C

CSS variables

:root {
  --deep-space-constellation-1: #0D0F21;
  --deep-space-constellation-2: #1C2442;
  --deep-space-constellation-3: #30416E;
  --deep-space-constellation-4: #47629C;
  --deep-space-constellation-5: #73A7DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-constellation": {
        1: "#0D0F21",
        2: "#1C2442",
        3: "#30416E",
        4: "#47629C",
        5: "#73A7DC",
      }
    }
  }
}

Hex values

Color 1#0D0F21

Color 2#1C2442

Color 3#30416E

Color 4#47629C

Color 5#73A7DC

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

3.2:1AA18

7.5:1AAA

1.2:1Fail

1.5:1Fail

2.5:1Fail

6:1AA

1.9:1Fail

1.5:1Fail

1.7:1Fail

3.9:1AA18

3.2:1AA18

2.5:1Fail

1.7:1Fail

2.4:1Fail

7.5:1AAA

6:1AA

3.9:1AA18

2.4:1Fail

Similar palettes

More like Deep Space Constellation

View all dark

Distant Nebula Veil

Galactic Star Dust

Midnight Stellar Depth

Night Sky Whisper

Starry Abyss Depths

Stellar Dust Trails