Back to palettes

Palette

Abyssal Void Hues

Plunge into the depths of space with these deep purples, edged with a subtle, dark shimmer.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Void Hues 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 Abyssal Void Hues.

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

Data visualization

#000000#1E003D#3D007A#5C00B8#7B00F5

Palette guide

How to use Abyssal Void Hues

Overview

The Abyssal Void Hues palette takes designers on a journey into the cosmos with its deep, enigmatic purples, anchored by absolute black. From the stark #000000 to the vibrant #7B00F5, this collection is perfect for projects seeking a dramatic, futuristic, or luxurious aesthetic. The intense progression through shades like #1E003D, #3D007A, and #5C00B8 offers incredible depth and versatility for creating captivating visual experiences. Developers can leverage these rich purples for striking dark mode interfaces, gaming environments, or digital art, ensuring a bold and memorable impression. This palette masterfully balances darkness with luminous color, evoking mystery and sophistication.

Best used for

  • Sci-fi game interfaces and concept art
  • Luxury tech brand websites and apps
  • Creative digital art installations
  • Event branding for futuristic themes
  • Dark mode UI with a vibrant accent
  • Entertainment industry promotional materials

Suggested color roles

primary

Utilize #000000 as the ultimate void background, providing a stark canvas for the luminous purples.

secondary

Apply #1E003D or #3D007A for larger content areas or structural elements, adding depth without overwhelming.

accent

Employ #7B00F5 as a high-impact accent for calls to action, important notifications, or dynamic visual elements.

background

The absolute #000000 offers a truly deep background, while #1E003D can provide a slightly softer, yet still dark, foundation.

text

For legibility, use pure white or a very light grey text against these dark purples. For accents, a lighter purple like #7B00F5 can be used on darker shades.

Accessibility notes

  • Ensure significant contrast for text on all purple shades; white text is almost always necessary.
  • The vibrant #7B00F5 can be used for text on #000000, but verify contrast for smaller font sizes.
  • Avoid using #1E003D or #3D007A for small text on #000000 without sufficient contrast checking.
  • Use generous spacing and clear typography when working with these dark, intense colors to prevent visual fatigue.

Recommended combinations

Cosmic Gradient

Creates a dramatic, deep-space gradient for backgrounds, banners, or immersive digital experiences.

#000000 · #3D007A · #7B00F5

Void and Light

Combines the ultimate dark with a vibrant accent and crisp white text for high-impact messaging.

#000000 · #7B00F5 · #1E003D

Layered Depth

Ideal for creating layered UI elements or subtle transitions, where each shade adds distinct depth.

#1E003D · #3D007A · #5C00B8

CSS variables

:root {
  --abyssal-void-hues-1: #000000;
  --abyssal-void-hues-2: #1E003D;
  --abyssal-void-hues-3: #3D007A;
  --abyssal-void-hues-4: #5C00B8;
  --abyssal-void-hues-5: #7B00F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-void-hues": {
        1: "#000000",
        2: "#1E003D",
        3: "#3D007A",
        4: "#5C00B8",
        5: "#7B00F5",
      }
    }
  }
}

Related searches

dark purple color palettespace themed colorsfuturistic UI paletteluxury dark mode colorsvibrant purple scheme

Palette colors

Hex values

Color 1#000000
·
Color 2#1E003D
·
Color 3#3D007A
·
Color 4#5C00B8
·
Color 5#7B00F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
2.1:1Fail
3.2:1AA18
2
1.1:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail
3
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.1:1Fail
4
2.1:1Fail
1.9:1Fail
1.5:1Fail
1.5:1Fail
5
3.2:1AA18
2.8:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Abyssal Void Hues

View all dark
Galactic Void Dust
Astral Dust Whisper
Celestial Shimmer Glow
Cosmic Dreamscape Dust
Cosmic Drift Dust
Cosmic Dust Trails