Palette

Deep Sea Luminous

Reflects the profound darkness and occasional, ghostly glow of bioluminescent life in the deepest parts of the ocean.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Luminous 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 Deep Sea Luminous.

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

Data visualization

#0A1C2A#1D4766#3B82A8#8BF5FA#050E17

Palette guide

How to use Deep Sea Luminous

Overview

The Deep Sea Luminous palette reflects the profound darkness and occasional, ghostly glow of bioluminescent life in the deepest parts of the ocean. Anchored by the near-black #050E17 and progressing to the luminous #8BF5FA, this collection offers a dramatic yet captivating aesthetic. The intermediate shades like #0A1C2A, #1D4766, and #3B82A8 provide a solid foundation of cool, mysterious blues, while the light aqua adds a touch of ethereal wonder. Designers can leverage this palette to evoke intrigue, advanced technology, or a sense of discovery, making it ideal for projects that require both depth and a striking visual highlight, perfect for dynamic user experiences.

Best used for

Sci-fi game UI/UX design
Marine technology company branding
Conceptual art and digital illustrations
Dark mode themes for innovative apps
Underwater exploration website design
Event branding with a futuristic theme

Suggested color roles

primary

Use #050E17 as the dominant background or primary brand color to establish a deep, mysterious, and immersive foundation.

secondary

Apply #0A1C2A for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual structure.

accent

Highlight interactive elements, calls to action, or key visual features with #8BF5FA, providing a luminous and refreshing contrast.

background

The profound #050E17 creates an excellent, almost black canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale blue-gray (e.g., #F0F8FF) on dark backgrounds. #3B82A8 can be used for secondary text on darker blues.

Accessibility notes

Ensure high contrast for text, especially when using #3B82A8 on #1D4766 or similar dark shades.
The very light #8BF5FA should be paired with a very dark text color (e.g., black or #050E17) for readability.
Always check text and background color combinations against WCAG guidelines for readability.
Avoid using #8BF5FA as a primary background for large text areas unless the text color is extremely dark and passes contrast.

Recommended combinations

Abyssal Glow

Creates a deep, mysterious base with a luminous accent, perfect for hero sections or prominent calls to action.

#050E17 · #0A1C2A · #8BF5FA

Deep Stratum

Ideal for seamless background transitions, subtle depth effects, or progressive disclosure in user interfaces, with graduated blues.

#0A1C2A · #1D4766 · #3B82A8

Luminous Contrast

Perfect for a very dark background, a glowing accent for interactive elements, and a supportive deep blue for secondary elements.

#050E17 · #8BF5FA · #1D4766

CSS variables

:root {
  --deep-sea-luminous-2-1: #0A1C2A;
  --deep-sea-luminous-2-2: #1D4766;
  --deep-sea-luminous-2-3: #3B82A8;
  --deep-sea-luminous-2-4: #8BF5FA;
  --deep-sea-luminous-2-5: #050E17;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-luminous-2": {
        1: "#0A1C2A",
        2: "#1D4766",
        3: "#3B82A8",
        4: "#8BF5FA",
        5: "#050E17",
      }
    }
  }
}

Hex values

Color 1#0A1C2A

Color 2#1D4766

Color 3#3B82A8

Color 4#8BF5FA

Color 5#050E17

Accessibility

Contrast checker

1.8:1Fail

4.1:1AA18

13.6:1AAA

1.1:1Fail

1.8:1Fail

2.3:1Fail

7.7:1AAA

2:1Fail

4.1:1AA18

2.3:1Fail

3.3:1AA18

4.6:1AA

13.6:1AAA

7.7:1AAA

3.3:1AA18

15.3:1AAA

1.1:1Fail

2:1Fail

4.6:1AA

15.3:1AAA

Similar palettes

More like Deep Sea Luminous

View all dark

Abyssal Luminous Depths

Abyss Gaze

Abyss Glow Deep

Abyssal Biolume Shimmer

Abyssal Bioluminescent Glow

Abyssal Coral Glow