Back to palettes

Palette

Starry Abyss Depths

A profound exploration of dark blues and black, hinting at the vast, mysterious realms of space and deep ocean.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starry Abyss Depths 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 Starry Abyss Depths.

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

Data visualization

#000000#000033#0F0F2F#191970#2A0A4A

Palette guide

How to use Starry Abyss Depths

Overview

The "Starry Abyss Depths" palette plunges into the profound mystery of deep space and abyssal oceans. Dominated by a true black, #000000, and evolving through incredibly dark blues like #000033 and #0F0F2F, it offers a sophisticated, enigmatic foundation. The palette introduces subtle yet distinct variations with #191970, a deep indigo, and #2A0A4A, a rich, dark purple-blue. Designers can leverage these shades to create immersive digital experiences, elegant branding, or dramatic visual narratives. Developers will find these hex codes ideal for dark mode interfaces, ensuring a consistent and high-contrast user experience when paired with light text. This collection evokes elegance, mystery, and depth, perfect for projects requiring a serious or luxurious tone.

Best used for

  • Luxury brand websites and apps
  • Sci-fi themed game interfaces
  • Elegant dark mode UI/UX designs
  • Abstract digital art and illustrations
  • High-end corporate branding
  • Theatrical set design visualizations

Suggested color roles

primary

#000000 - The ultimate canvas for depth and mystery. Use as the main background for a truly immersive dark experience, or for large text blocks in high-contrast layouts.

secondary

#000033 - A slightly softer, deep blue-black. Excellent for secondary backgrounds, panels, or subtle content divisions, adding texture without losing darkness.

accent

#191970 - A rich, deep indigo. Ideal for interactive elements, highlights, or graphical accents where a hint of color is needed to draw attention without being overtly bright.

background

#0F0F2F - A deep, almost black blue. Perfect for main application backgrounds, large sections, or hero areas, providing a sense of endless space.

text

#2A0A4A - While dark, this deep purple-blue can be used for very large, decorative headlines on lighter backgrounds, or for subtle sub-headings on #000000. For general body text, use a near-white or light gray like #E0E0E0 for readability.

Accessibility notes

  • Ensure sufficient contrast for all text elements. #000000 as background requires very light text (e.g., #FFFFFF, #E0E0E0).
  • Avoid using #000033, #0F0F2F, or #2A0A4A for small text on dark backgrounds; contrast will be insufficient.
  • Interactive elements like buttons should have a clear visual state change, as color contrast within the palette is minimal.
  • Consider using lighter shades from outside the palette (e.g., a light gray or white) for body text to maintain WCAG AA compliance.

Recommended combinations

Subtle Depth

Creates a nuanced, layered dark background effect for sophisticated interfaces or digital art.

#000000 · #000033 · #0F0F2F

Cosmic Contrast

Highlights elements with subtle shifts in deep blue and purple, suitable for data visualization or navigation.

#0F0F2F · #191970 · #2A0A4A

Elegant Accents

Grounds designs with black, using the indigo and purple-blue for elegant highlights or interactive states.

#000000 · #191970 · #2A0A4A

CSS variables

:root {
  --starry-abyss-depths-1: #000000;
  --starry-abyss-depths-2: #000033;
  --starry-abyss-depths-3: #0F0F2F;
  --starry-abyss-depths-4: #191970;
  --starry-abyss-depths-5: #2A0A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-abyss-depths": {
        1: "#000000",
        2: "#000033",
        3: "#0F0F2F",
        4: "#191970",
        5: "#2A0A4A",
      }
    }
  }
}

Related searches

deep space color schemedark blue purple palettemysterious color combinationelegant dark ui colorsabyssal blue black palette

Palette colors

Hex values

Color 1#000000
·
Color 2#000033
·
Color 3#0F0F2F
·
Color 4#191970
·
Color 5#2A0A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
2
1:1Fail
1.1:1Fail
1.3:1Fail
1.2:1Fail
3
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.1:1Fail
4
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.1:1Fail
5
1.2:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Starry Abyss Depths

View all dark
Deep Space Constellation
Galactic Star Dust
Nebula Dream Dust
Night Sky Whisper
Stellar Dust Trails
Stellar Void Gaze