Palette

Oceanic Bioluminescence Dream

Deep, dark blues punctuated by electric glowing hues, revealing the hidden wonders of the deep ocean.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Bioluminescence Dream 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 Bioluminescence Dream.

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

Data visualization

#000080#0000FF#00FFFF#8A2BE2#4169E1

Palette guide

How to use Oceanic Bioluminescence Dream

Overview

The Oceanic Bioluminescence Dream palette captures the ethereal beauty of the deep ocean, where dark blues are punctuated by electric, glowing hues. This dramatic collection features a profound navy #000080, intense royal blue #0000FF, and brilliant cyan #00FFFF, alongside mystical purple #8A2BE2 and a vibrant blue #4169E1. Designers can leverage these hex codes to create captivating, futuristic interfaces, fantasy game environments, or branding that demands attention with its striking luminosity and depth. Developers will find this palette ideal for immersive dark mode experiences, sci-fi themes, or dynamic data visualizations that require high impact and a touch of otherworldly wonder.

Best used for

Sci-fi video game interfaces
Fantasy or magical themed designs
Nightclub or event promotions
Interactive art installations
Tech startup branding (futuristic)
Virtual reality environments

Suggested color roles

primary

#000080 - The deepest navy, serving as the foundational background to create an immediate sense of profound depth and mystery.

secondary

#0000FF - A strong, vibrant royal blue, excellent for content blocks, larger headings, or significant UI elements to add intensity.

accent

#00FFFF - A brilliant, electric cyan, this is the primary glowing accent, perfect for interactive elements, key data, or call-to-action buttons.

background

#000080 - Establishes a dramatic, absorbing canvas that truly makes the luminous accents pop with maximum effect.

text

#00FFFF - This vibrant cyan is excellent for primary text, ensuring high visibility and a futuristic, glowing effect against the dark blues.

Accessibility notes

Ensure #00FFFF text has excellent contrast against #000080 and #0000FF for WCAG AA compliance.
Avoid using #4169E1 text on #0000FF backgrounds, as their contrast may be insufficient.
The luminous colors, while visually stunning, might be too intense for extensive body text; use them judiciously for highlights.
For critical information, pairing #00FFFF with the darkest background, #000080, will provide the best legibility.

Recommended combinations

Electric Abyss

Deep navy background, royal blue for content, and electric cyan for all interactive elements and text.

#000080 · #0000FF · #00FFFF

Mystical Glow

Primary background, mystical purple for unique accents, and cyan for glowing highlights.

#000080 · #8A2BE2 · #00FFFF

Vibrant Depth

Royal blue as a base, a slightly lighter blue for elements, and bright cyan for text or key features.

#0000FF · #4169E1 · #00FFFF

CSS variables

:root {
  --oceanic-bioluminescence-dream-1: #000080;
  --oceanic-bioluminescence-dream-2: #0000FF;
  --oceanic-bioluminescence-dream-3: #00FFFF;
  --oceanic-bioluminescence-dream-4: #8A2BE2;
  --oceanic-bioluminescence-dream-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-bioluminescence-dream": {
        1: "#000080",
        2: "#0000FF",
        3: "#00FFFF",
        4: "#8A2BE2",
        5: "#4169E1",
      }
    }
  }
}

Hex values

Color 1#000080

Color 2#0000FF

Color 3#00FFFF

Color 4#8A2BE2

Color 5#4169E1

Accessibility

Contrast checker

1.9:1Fail

12.8:1AAA

2.7:1Fail

3.3:1AA18

1.9:1Fail

6.9:1AA

1.4:1Fail

1.8:1Fail

12.8:1AAA

6.9:1AA

4.8:1AA

3.9:1AA18

2.7:1Fail

1.4:1Fail

4.8:1AA

1.2:1Fail

3.3:1AA18

1.8:1Fail

3.9:1AA18

1.2:1Fail

Similar palettes

More like Oceanic Bioluminescence Dream

View all dark

Abyss Gaze

Abyss Glow Deep

Abyssal Bioluminescence

Abyssal Bioluminescent Glow

Abyssal Coral Glow

Abyssal Depths