Palette

Oceanic Abyss Lumina

Mysterious deep blues with striking luminous accents, like light in the very deepest ocean trenches.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Abyss Lumina 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 Oceanic Abyss Lumina.

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

Data visualization

#0A192F#1F3A5F#3B6B9E#00FFFF#33FFCC

Palette guide

How to use Oceanic Abyss Lumina

Overview

The Oceanic Abyss Lumina palette is a captivating journey into the deep sea, where mysterious blues meet striking bioluminescent accents. Featuring profound blues like #0A192F, #1F3A5F, and #3B6B9E, this palette grounds designs in a sense of depth and enigma. The true stars are the vivid #00FFFF and #33FFCC, which explode with luminous energy, mimicking the glow of deep-sea creatures. Designers can harness these hex codes to create dynamic, futuristic interfaces, gaming environments, or branding that demands attention with its vibrant contrasts. Developers will find this palette ideal for interactive dashboards, sci-fi themes, or any project aiming for a modern, high-tech aesthetic with a touch of the fantastical.

Best used for

Sci-fi themed video games
High-tech product showcases
Interactive data visualizations
Futuristic UI/UX designs
Concert or event promotions
Cybersecurity dashboard interfaces

Suggested color roles

primary

#0A192F - The deepest navy, perfect for establishing a dark, mysterious foundation across large areas or backgrounds.

secondary

#1F3A5F - A rich, deep blue for content containers, side panels, or secondary navigation, providing structure.

accent

#00FFFF - A brilliant cyan, this serves as the primary bioluminescent accent, ideal for active states, key data points, or call-to-action buttons.

background

#0A192F - Provides a dark, absorbing canvas that allows the luminous accents to truly pop and command attention.

text

#33FFCC - This vibrant aqua is excellent for primary text, ensuring high visibility and a futuristic feel against the dark blues.

Accessibility notes

Ensure #00FFFF and #33FFCC text have excellent contrast against all dark blues (#0A192F, #1F3A5F, #3B6B9E) for WCAG AA compliance.
Avoid using #3B6B9E text on #1F3A5F backgrounds; the contrast may be insufficient for readability.
The luminous colors, while striking, might be too intense for extensive body text; use them judiciously for highlights.
For critical information, pair #33FFCC or #00FFFF with the darkest background, #0A192F.

Recommended combinations

Bioluminescent UI

Darkest blue for background, secondary blue for cards, and cyan for interactive elements and critical info.

#0A192F · #1F3A5F · #00FFFF

Deep Glow

A slightly lighter blue base, a mid-tone for sub-elements, and aqua for vibrant text or icons.

#1F3A5F · #3B6B9E · #33FFCC

Electric Abyss

Use #0A192F as the primary dark, with #00FFFF and #33FFCC for powerful, glowing accents and text.

#0A192F · #00FFFF · #33FFCC

CSS variables

:root {
  --oceanic-abyss-lumina-1: #0A192F;
  --oceanic-abyss-lumina-2: #1F3A5F;
  --oceanic-abyss-lumina-3: #3B6B9E;
  --oceanic-abyss-lumina-4: #00FFFF;
  --oceanic-abyss-lumina-5: #33FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-abyss-lumina": {
        1: "#0A192F",
        2: "#1F3A5F",
        3: "#3B6B9E",
        4: "#00FFFF",
        5: "#33FFCC",
      }
    }
  }
}

Hex values

Color 1#0A192F

Color 2#1F3A5F

Color 3#3B6B9E

Color 4#00FFFF

Color 5#33FFCC

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

14:1AAA

13.7:1AAA

1.5:1Fail

2.1:1Fail

9.2:1AAA

8.9:1AAA

3.2:1AA18

2.1:1Fail

4.4:1AA18

4.3:1AA18

14:1AAA

9.2:1AAA

4.4:1AA18

1:1Fail

13.7:1AAA

8.9:1AAA

4.3:1AA18

1:1Fail

Similar palettes

More like Oceanic Abyss Lumina

View all dark

Abyss Glow Deep

Abyssal Biolume Shimmer

Abyssal Light Veil

Abyssal Luminous Depths

Abyssal Luminous Flora

Deep Ocean Mariana