Back to palettes

Palette

Dark Matter Gaze

Intense, deep greys and purples suggest the enigmatic, unseen expanses of cosmic dark matter.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Matter Gaze 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 Dark Matter Gaze.

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

Data visualization

#0A0A0A#202020#303030#483D8B#6A5ACD

Palette guide

How to use Dark Matter Gaze

Overview

The Dark Matter Gaze palette combines profound, deep grays with enigmatic purples, evoking the unseen expanses of cosmic dark matter. Anchored by the near-black #0A0A0A and transitioning through #202020 and #303030, it introduces the mysterious #483D8B and the captivating #6A5ACD. This palette is ideal for designs that require a sophisticated, futuristic, and slightly mysterious aesthetic. Designers can leverage its depth for dramatic backgrounds and use the purples to inject subtle interest and a cosmic touch. It's perfect for dark mode interfaces, tech branding, or any project aiming for an elegant and profound visual identity.

Best used for

  • High-tech product websites or apps
  • Sci-fi themed user interfaces
  • Luxury automotive branding
  • Dark mode for professional software
  • Abstract digital art and motion graphics
  • Event branding for scientific or innovation conferences

Suggested color roles

primary

#202020 - A deep charcoal gray that provides a strong, neutral foundation for primary elements, large sections, or brand identity.

secondary

#483D8B - A rich, muted indigo-purple that offers a sophisticated secondary color for navigation, accent panels, or important informational blocks.

accent

#6A5ACD - A vibrant, captivating medium purple, perfect for call-to-action buttons, interactive states, highlights, or small illustrative details to add a pop of cosmic energy.

background

#0A0A0A - An absolute black, providing a profound, immersive background that enhances the mysterious feel and allows other colors to truly shine.

text

#303030 - A dark gray that can be used for subtle, de-emphasized text. For main body text on dark backgrounds, use a very light gray (e.g., #E0E0E0) for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #6A5ACD for text on darker backgrounds like #0A0A0A or #202020.
  • Avoid using #303030 for primary text on any of the darker grays; contrast will be insufficient.
  • For critical text on the darkest backgrounds, opt for a pure white or very light gray to meet accessibility standards.
  • The combination of #483D8B and #6A5ACD might require careful contrast checking if used for text/background.

Recommended combinations

Cosmic Void

Creating deep, monochrome backgrounds or layered UI elements for a stark, modern feel.

#0A0A0A · #202020 · #303030

Nebula Highlight

Pairing a dominant dark gray with a vibrant accent and a muted purple for interactive elements and subtle depth.

#202020 · #6A5ACD · #483D8B

Dark Matter Flow

Designing content blocks where a dark base subtly transitions into captivating purple accents.

#303030 · #483D8B · #6A5ACD

CSS variables

:root {
  --dark-matter-gaze-1: #0A0A0A;
  --dark-matter-gaze-2: #202020;
  --dark-matter-gaze-3: #303030;
  --dark-matter-gaze-4: #483D8B;
  --dark-matter-gaze-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-matter-gaze": {
        1: "#0A0A0A",
        2: "#202020",
        3: "#303030",
        4: "#483D8B",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

dark gray purple palettecosmic black colorsmysterious UI dark themedeep space hex codesfuturistic dark design

Palette colors

Hex values

Color 1#0A0A0A
·
Color 2#202020
·
Color 3#303030
·
Color 4#483D8B
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.2:1Fail
3.7:1AA18
2
1.2:1Fail
1.2:1Fail
1.8:1Fail
3.1:1AA18
3
1.5:1Fail
1.2:1Fail
1.5:1Fail
2.5:1Fail
4
2.2:1Fail
1.8:1Fail
1.5:1Fail
1.7:1Fail
5
3.7:1AA18
3.1:1AA18
2.5:1Fail
1.7:1Fail

Similar palettes

More like Dark Matter Gaze

View all dark
Cosmic Dust Whisper
Cosmic Reaches
Dark Galaxy Nebula
Galactic Void Deep
Starlight Nebula Gaze
Amethyst Cavern Deep