Back to palettes

Palette

Deep Sea Lumen

Explores the dark, mysterious depths of the ocean illuminated by faint bioluminescence and cool currents.

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

#010E1C#022B3A#05668D#16A6C3#F0E6EF

Palette guide

How to use Deep Sea Lumen

Overview

The Deep Sea Lumen palette explores the dark, mysterious depths of the ocean, illuminated by faint bioluminescence and cool currents. Anchored by the profound #010E1C and featuring vibrant aquas like #16A6C3, this palette creates a captivating and ethereal aesthetic. The inclusion of #022B3A and #05668D provides solid, deep blue foundations, while the unexpected #F0E6EF adds a touch of ghostly luminescence, like a distant light in the abyss. Designers can leverage this palette to evoke wonder, advanced technology, or a sense of serene mystery, making it ideal for projects that require both depth and a striking, almost otherworldly, visual highlight.

Best used for

  • Sci-fi game environments and UI
  • Astronomy or space exploration themes
  • Luxury tech product branding
  • Conceptual art and digital illustrations
  • Dark mode themes for creative apps
  • Mysterious event branding

Suggested color roles

primary

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

secondary

Apply #022B3A 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 #16A6C3, providing a luminous and refreshing contrast.

background

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

text

For primary text, use crisp white or the very pale #F0E6EF on dark backgrounds. #05668D can be used for secondary text on darker blues.

Accessibility notes

  • Ensure high contrast for text, especially when using #05668D on #022B3A or similar dark shades.
  • The very light #F0E6EF should be paired with a very dark text color (e.g., black or #010E1C) for readability.
  • Always check text and background color combinations against WCAG guidelines for readability.
  • Avoid using #16A6C3 for small text on dark backgrounds; it works best as a larger heading or interactive element.

Recommended combinations

Abyssal Light

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

#010E1C · #022B3A · #F0E6EF

Oceanic Glow

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

#022B3A · #05668D · #16A6C3

Lumen Pop

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

#010E1C · #16A6C3 · #05668D

CSS variables

:root {
  --deep-sea-lumen-1: #010E1C;
  --deep-sea-lumen-2: #022B3A;
  --deep-sea-lumen-3: #05668D;
  --deep-sea-lumen-4: #16A6C3;
  --deep-sea-lumen-5: #F0E6EF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-lumen": {
        1: "#010E1C",
        2: "#022B3A",
        3: "#05668D",
        4: "#16A6C3",
        5: "#F0E6EF",
      }
    }
  }
}

Related searches

deep sea bioluminescent palettemysterious ocean glow colorsdark blue aqua white schemeethereal marine UI designsci fi deep sea palette

Palette colors

Hex values

Color 1#010E1C
·
Color 2#022B3A
·
Color 3#05668D
·
Color 4#16A6C3
·
Color 5#F0E6EF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3:1AA18
6.7:1AA
16:1AAA
2
1.3:1Fail
2.3:1Fail
5.2:1AA
12.3:1AAA
3
3:1AA18
2.3:1Fail
2.2:1Fail
5.2:1AA
4
6.7:1AA
5.2:1AA
2.2:1Fail
2.4:1Fail
5
16:1AAA
12.3:1AAA
5.2:1AA
2.4:1Fail

Similar palettes

More like Deep Sea Lumen

View all dark
Abyssal Bioluminescence
Abyssal Coral Bloom
Abyssal Coral Bloom
Aquatic Deep Dive
Deep Sea Hydrothermal
Deep Sea Lumina