Back to palettes

Palette

Bioluminescent Abyss

A mysterious palette blending the dark depths of the ocean with surprising flashes of electric color.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#000033#191970#00FFFF#8A2BE2

Palette guide

How to use Bioluminescent Abyss

Overview

The Bioluminescent Abyss palette delves into the enigmatic depths of the ocean, presenting a mysterious blend of dark blues with unexpected flashes of electric color. Dominated by deep tones like #000080 (Navy), #000033, and #191970 (MidnightBlue), this palette is dramatically punctuated by the vibrant #00FFFF (Aqua) and the intriguing #8A2BE2 (BlueViolet). It's a powerful tool for designers seeking to evoke mystery, depth, and a touch of otherworldly brilliance, perfect for projects that combine profound darkness with surprising bursts of light, reminiscent of deep-sea bioluminescence.

Best used for

  • Dark mode application themes
  • Sci-fi and fantasy game aesthetics
  • Deep-sea exploration content
  • Abstract digital art and installations
  • Mysterious brand identities
  • Immersive virtual reality experiences

Suggested color roles

primary

Use #000033 as the foundational dark, creating an intensely deep and immersive background, setting a profound mood.

secondary

Employ #000080 for larger content blocks or panels, offering a rich, dark blue that retains depth without being absolute black.

accent

Apply #00FFFF for high-impact elements, interactive states, or glowing effects, providing an electric and captivating highlight.

background

Choose #000033 or #191970 for the primary background to establish a dark, atmospheric canvas that makes accents pop.

text

For excellent readability on dark backgrounds, use #00FFFF or a bright white. #8A2BE2 can be used for secondary or decorative text.

Accessibility notes

  • Crucially, ensure sufficient contrast for all text against dark backgrounds; light colors like #00FFFF are vital for readability.
  • Use #00FFFF sparingly for accents or large headings; its high luminosity can cause eye strain in smaller text.
  • Check contrast ratios carefully when pairing #8A2BE2 with other dark blues like #191970 to avoid low readability.
  • Ensure interactive elements have clear visual states, as the dark base can sometimes obscure subtle changes.

Recommended combinations

Midnight Depths

Creates a layered deep-ocean background, perfect for establishing an immersive, dark ambiance.

#000033 · #000080 · #191970

Electric Glow

Highlights bioluminescent elements, ideal for interactive UI components or captivating visual effects.

#000033 · #00FFFF · #8A2BE2

Mysterious Surge

Offers a dynamic contrast for feature sections or dramatic transitions in a digital interface.

#191970 · #00FFFF · #000080

CSS variables

:root {
  --bioluminescent-abyss-1: #000080;
  --bioluminescent-abyss-2: #000033;
  --bioluminescent-abyss-3: #191970;
  --bioluminescent-abyss-4: #00FFFF;
  --bioluminescent-abyss-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bioluminescent-abyss": {
        1: "#000080",
        2: "#000033",
        3: "#191970",
        4: "#00FFFF",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

deep blue neonbioluminescence themedark mysterious colorselectric ocean palettesci-fi aesthetic

Palette colors

Hex values

Color 1#000080
·
Color 2#000033
·
Color 3#191970
·
Color 4#00FFFF
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
12.8:1AAA
2.7:1Fail
2
1.3:1Fail
1.3:1Fail
16:1AAA
3.4:1AA18
3
1.1:1Fail
1.3:1Fail
11.8:1AAA
2.5:1Fail
4
12.8:1AAA
16:1AAA
11.8:1AAA
4.8:1AA
5
2.7:1Fail
3.4:1AA18
2.5:1Fail
4.8:1AA

Similar palettes

More like Bioluminescent Abyss

View all dark
Abyssal Luminous Flora
Trench Explorer
Abyssal Current Flow
Abyssal Luminous Depths
Abyssal Trench Mystery
Bioluminescent Deep Trench