Back to palettes

Palette

Galactic Void Gaze

An intensely deep and mysterious palette, representing the infinite darkness and cosmic secrets of a galactic void.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1A0D2E#2E0A4E#4B0D8A#6F2EBB

Palette guide

How to use Galactic Void Gaze

Overview

The Galactic Void Gaze palette is intensely deep and mysterious, drawing you into the infinite darkness of space with its rich progression of purples from true black (#000000). Shades like #1A0D2E and #2E0A4E build a profound, layered depth, while #4B0D8A and the vibrant #6F2EBB emerge as captivating, almost glowing, cosmic secrets. This palette is exceptionally powerful for designs that aim to be dramatic, luxurious, or convey a sense of profound mystery. It's perfect for developers creating immersive dark mode experiences or designers crafting high-impact branding where depth, intrigue, and a touch of vibrant allure are paramount.

Best used for

  • Luxury brand websites
  • Abstract digital art
  • Sci-fi game UI
  • Dark mode operating systems
  • High-end fashion campaigns
  • Cinematic title sequences

Suggested color roles

primary

#000000 (Absolute black, serving as the ultimate void and foundational element for deep contrast.)

secondary

#1A0D2E (Deepest purple, adding subtle dimension and layering without losing the dark aesthetic.)

accent

#6F2EBB (Vibrant, captivating purple, ideal for key highlights, calls-to-action, or glowing interactive elements.)

background

#000000 (An immersive, infinite dark canvas that makes any lighter elements truly pop with intensity.)

text

White or very light grey (e.g., #F0F0F0) (Essential for maximum contrast and readability against all palette colors.)

Accessibility notes

  • White or a very light grey is essential for text readability against all palette colors to ensure WCAG AA compliance.
  • Contrast between #1A0D2E and #2E0A4E is minimal; use them for subtle layering, not contrasting text or critical information.
  • Ensure interactive elements, especially those using #4B0D8A or #6F2EBB, have sufficient contrast with backgrounds.
  • Always prioritize high contrast for text and critical UI elements to meet accessibility standards, defaulting to white for clarity.

Recommended combinations

Infinite Depth

For core backgrounds, deep shadows, and primary containers, creating a sense of profound layering.

#000000 · #1A0D2E · #2E0A4E

Cosmic Portal

Perfect for gradients, section dividers, or subtle visual interest that draws the eye deeper.

#2E0A4E · #4B0D8A · #1A0D2E

Starlight Reveal

Excellent for bold headers or calls-to-action (paired with white text), creating a dramatic visual impact.

#000000 · #6F2EBB · #2E0A4E

CSS variables

:root {
  --galactic-void-gaze-1: #000000;
  --galactic-void-gaze-2: #1A0D2E;
  --galactic-void-gaze-3: #2E0A4E;
  --galactic-void-gaze-4: #4B0D8A;
  --galactic-void-gaze-5: #6F2EBB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-gaze": {
        1: "#000000",
        2: "#1A0D2E",
        3: "#2E0A4E",
        4: "#4B0D8A",
        5: "#6F2EBB",
      }
    }
  }
}

Related searches

deep purple black palettemystery void colorsluxury dark uicosmic secrets themedramatic space design

Palette colors

Hex values

Color 1#000000
·
Color 2#1A0D2E
·
Color 3#2E0A4E
·
Color 4#4B0D8A
·
Color 5#6F2EBB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.8:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
2.4:1Fail
3
1.3:1Fail
1.1:1Fail
1.4:1Fail
2.2:1Fail
4
1.7:1Fail
1.5:1Fail
1.4:1Fail
1.6:1Fail
5
2.8:1Fail
2.4:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Galactic Void Gaze

View all dark