Back to palettes

Palette

Cosmic Dust Expanse

Evokes the vast, mysterious beauty of swirling cosmic dust clouds in the silent expanse of space.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Dust Expanse 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 Cosmic Dust Expanse.

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

Data visualization

#0C0C1C#1F1F3D#34345A#4B4B77#6A6AAD

Palette guide

How to use Cosmic Dust Expanse

Overview

The Cosmic Dust Expanse palette offers a deep, mysterious journey through the cosmos, ideal for creating immersive digital experiences. Its gradient of dark blues and purples, from the near-black #0C0C1C to the slightly brighter #6A6AAD, evokes the silent vastness of space. Designers can leverage this palette for sophisticated UI backgrounds, elegant branding, or atmospheric game environments. Developers will find these hex codes, like the mid-tone #34345A, easy to implement for consistent dark mode themes. This collection provides a strong foundation for projects requiring depth, tranquility, and a touch of celestial wonder, ensuring a cohesive and professional aesthetic across various applications.

Best used for

  • Dark mode UI design
  • Space-themed game environments
  • Luxury brand websites
  • Science fiction concept art
  • Elegant mobile applications
  • Atmospheric digital art

Suggested color roles

primary

#1F1F3D - A deep, foundational blue-purple, excellent for large background areas or main structural elements.

secondary

#34345A - Provides a slightly lighter contrast, suitable for secondary panels, cards, or active states in a dark interface.

accent

#6A6AAD - A muted, yet noticeable blue-purple, perfect for interactive elements, highlights, or subtle calls to action against darker tones.

background

#0C0C1C - The darkest shade, ideal for the deepest background layers, creating a truly expansive and infinite feel.

text

White or very light gray - Ensures optimal readability against the dark spectrum of the palette.

Accessibility notes

  • Ensure sufficient contrast for text and interactive elements, especially when using #4B4B77 on #34345A.
  • Prioritize light text (e.g., white or very light gray) on all darker shades for WCAG AA compliance.
  • Use #6A6AAD as an accent judiciously, as its contrast with #4B4B77 might be borderline for smaller text.
  • Test color combinations with accessibility checkers to meet minimum contrast ratios for various UI components.

Recommended combinations

Deep Space Gradient

For creating subtle, layered backgrounds that evoke depth and vastness in web or app interfaces.

#0C0C1C · #1F1F3D · #34345A

Interactive Contrast

Ideal for pairing a base with an active state and a highlight, ensuring clear visual feedback on interactive elements.

#1F1F3D · #4B4B77 · #6A6AAD

Subtle Depth

Excellent for establishing hierarchy in complex data visualizations or multi-panel layouts without harsh contrasts.

#0C0C1C · #34345A · #4B4B77

CSS variables

:root {
  --cosmic-dust-expanse-1: #0C0C1C;
  --cosmic-dust-expanse-2: #1F1F3D;
  --cosmic-dust-expanse-3: #34345A;
  --cosmic-dust-expanse-4: #4B4B77;
  --cosmic-dust-expanse-5: #6A6AAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-expanse": {
        1: "#0C0C1C",
        2: "#1F1F3D",
        3: "#34345A",
        4: "#4B4B77",
        5: "#6A6AAD",
      }
    }
  }
}

Related searches

dark cosmic color schemespace themed ui colorsdeep purple blue palettecelestial gradient colorsmysterious dark background

Palette colors

Hex values

Color 1#0C0C1C
·
Color 2#1F1F3D
·
Color 3#34345A
·
Color 4#4B4B77
·
Color 5#6A6AAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.4:1Fail
3.9:1AA18
2
1.2:1Fail
1.4:1Fail
1.9:1Fail
3.2:1AA18
3
1.6:1Fail
1.4:1Fail
1.4:1Fail
2.4:1Fail
4
2.4:1Fail
1.9:1Fail
1.4:1Fail
1.7:1Fail
5
3.9:1AA18
3.2:1AA18
2.4:1Fail
1.7:1Fail

Similar palettes

More like Cosmic Dust Expanse

View all dark
Celestial Abyss Gaze
Celestial Lanterns
Celestial Night Bloom
Celestial Reverie
Celestial Sapphire Dust
Celestial Void Gaze