Palette

Galactic Void Dust

A profound palette representing the vast emptiness and subtle hues of interstellar dust clouds.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#283A51#46586C#7A8E9B#D0D7DE

Palette guide

How to use Galactic Void Dust

Overview

The Galactic Void Dust palette offers a profound yet subtle journey through interstellar space, characterized by deep blue-grays and muted ethereal tones. Starting with the dark #1A1A2E, it transitions through supportive shades like #283A51 and #46586C, culminating in the soft, atmospheric #7A8E9B and #D0D7DE. This palette is ideal for creating sophisticated, calm, and expansive digital environments. It's excellent for designers and developers aiming for a professional, understated look in web applications, dashboards, or branding that suggests reliability and depth. Its cool, muted tones evoke a sense of quiet vastness and modern elegance.

Best used for

Corporate web dashboards
Professional tech branding
Sophisticated dark mode themes
Architectural visualizations
Scientific data interfaces
Minimalist graphic design

Suggested color roles

primary

#1A1A2E (Deep blue-black, serving as a stable, grounding base for backgrounds and large structural elements.)

secondary

#283A51 (Rich, supportive blue-grey, ideal for secondary panels, content blocks, or subtle layering.)

accent

#7A8E9B (Muted, airy light blue-grey, best for subtle emphasis on interactive elements, icons, or decorative details.)

background

#1A1A2E (An expansive, calm backdrop that provides a professional and understated aesthetic.)

text

#D0D7DE (A very light grey-blue, offering excellent readability for body text on the darker palette colors, or use pure white.)

Accessibility notes

Ensure #D0D7DE provides excellent contrast for text on #1A1A2E, #283A51, and #46586C.
Avoid using #7A8E9B for small body text on darker shades; reserve it for headings or larger UI elements.
Ensure interactive elements have clear focus and hover states, especially when using adjacent shades like #283A51 and #46586C.
Always test color combinations for WCAG AA compliance, particularly for text readability and critical UI element distinction.

Recommended combinations

Void Depths

For primary backgrounds, large panels, and structural elements, creating deep visual separation.

#1A1A2E · #283A51 · #46586C

Dust Trail

Perfect for secondary information, subtle gradients, or dividers, adding atmospheric nuance.

#46586C · #7A8E9B · #283A51

Cosmic Whisper

Excellent for main text on dark backgrounds, ensuring clear and professional content presentation.

#1A1A2E · #D0D7DE · #46586C

CSS variables

:root {
  --galactic-void-dust-2-1: #1A1A2E;
  --galactic-void-dust-2-2: #283A51;
  --galactic-void-dust-2-3: #46586C;
  --galactic-void-dust-2-4: #7A8E9B;
  --galactic-void-dust-2-5: #D0D7DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-dust-2": {
        1: "#1A1A2E",
        2: "#283A51",
        3: "#46586C",
        4: "#7A8E9B",
        5: "#D0D7DE",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#283A51

Color 3#46586C

Color 4#7A8E9B

Color 5#D0D7DE

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

5:1AA

11.7:1AAA

1.5:1Fail

1.6:1Fail

3.4:1AA18

8:1AAA

2.3:1Fail

1.6:1Fail

2.1:1Fail

5:1AA

3.4:1AA18

2.1:1Fail

2.3:1Fail

11.7:1AAA

8:1AAA

5:1AA

2.3:1Fail

Similar palettes

More like Galactic Void Dust

Galactic Void Dust

See it in context.

Ready when you are.

Built with Galactic Void Dust.

How to use Galactic Void Dust

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Void Depths

Dust Trail

Cosmic Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Galactic Void Dust