Palette

Deep Sea Lumen

Dark, profound blues hinting at unseen depths, with a surprising pop of glowing aqua.

Darkdark5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0B1C2A#1E3F66#3C709E#A0D1D2#07121C

Palette guide

How to use Deep Sea Lumen

Overview

The Deep Sea Lumen palette features dark, profound blues hinting at unseen depths, with a surprising pop of glowing aqua. This collection, ranging from the deep #07121C to the vibrant #A0D1D2, creates a dramatic yet captivating aesthetic. The intermediate shades like #0B1C2A, #1E3F66, and #3C709E provide a solid foundation of cool, mysterious blues, while the light aqua adds a touch of bioluminescent 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 #07121C as the dominant background or primary brand color to establish a deep, mysterious, and immersive foundation.

secondary

Apply #0B1C2A 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 #A0D1D2, providing a luminous and refreshing contrast.

background

The profound #07121C 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. #3C709E can be used for secondary text on darker blues.

Accessibility notes

Ensure high contrast for text, especially when using #3C709E on #1E3F66 or similar dark shades.
The very light #A0D1D2 should be paired with a very dark text color (e.g., black or #07121C) for readability.
Always check text and background color combinations against WCAG guidelines for readability.
Avoid using #A0D1D2 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.

#07121C · #0B1C2A · #A0D1D2

Deep Stratum

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

#0B1C2A · #1E3F66 · #3C709E

Lumen Contrast

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

#07121C · #A0D1D2 · #1E3F66

CSS variables

:root {
  --deep-sea-lumen-2-1: #0B1C2A;
  --deep-sea-lumen-2-2: #1E3F66;
  --deep-sea-lumen-2-3: #3C709E;
  --deep-sea-lumen-2-4: #A0D1D2;
  --deep-sea-lumen-2-5: #07121C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-lumen-2": {
        1: "#0B1C2A",
        2: "#1E3F66",
        3: "#3C709E",
        4: "#A0D1D2",
        5: "#07121C",
      }
    }
  }
}

Hex values

Color 1#0B1C2A

Color 2#1E3F66

Color 3#3C709E

Color 4#A0D1D2

Color 5#07121C

Accessibility

Contrast checker

1.6:1Fail

3.3:1AA18

10.3:1AAA

1.1:1Fail

1.6:1Fail

2:1Fail

6.4:1AA

1.8:1Fail

3.3:1AA18

2:1Fail

3.1:1AA18

3.6:1AA18

10.3:1AAA

6.4:1AA

3.1:1AA18

11.3:1AAA

1.1:1Fail

1.8:1Fail

3.6:1AA18

11.3:1AAA

Similar palettes

More like Deep Sea Lumen

View all Dark

Midnight Ocean Depths

Celestial Ocean Depth

Abyssal Light Organism

Arid Dusk Hues

Nebula Whisper Violet

Abyssal Bioluminescence