Back to palettes

Palette

Bioluminescent Abyss

Dive into the mysterious depths of the ocean with this cool, dark palette, punctuated by a captivating glow.

cooldark5 colors
More cool 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

#0A1D2B#183D4F#2C5D6F#00BFFF#5F9EA0

Palette guide

How to use Bioluminescent Abyss

Overview

The Bioluminescent Abyss palette plunges into the mysterious depths of the ocean, offering a cool, dark aesthetic punctuated by captivating glows. Featuring deep, inky blues like #0A1D2B, #183D4F, and #2C5D6F, it's brilliantly contrasted by the electric #00BFFF (DeepSkyBlue) and the muted #5F9EA0 (CadetBlue). This palette is perfectly suited for designers aiming to create atmospheric, sophisticated, and intriguing visuals. It balances profound darkness with ethereal light, making it ideal for projects that explore themes of mystery, technology, or the deep sea, providing a chilling elegance.

Best used for

  • Sci-fi and fantasy game environments
  • Deep-sea documentary branding
  • Luxury or high-tech product interfaces
  • Mysterious website themes and intros
  • Evening event decor and lighting design
  • Immersive digital art installations

Suggested color roles

primary

Use #0A1D2B as the ultimate dark base for backgrounds or large containers, creating an enveloping, mysterious ambiance.

secondary

Employ #2C5D6F for mid-tone elements, panels, or larger text blocks, adding subtle depth and structure.

accent

Apply #00BFFF for striking highlights, critical alerts, interactive elements, or bioluminescent effects, drawing immediate attention.

background

Choose #0A1D2B for a profound dark mode, offering an immersive user experience that enhances the glowing accents.

text

For optimal readability on dark backgrounds, use #00BFFF or a crisp white. Lighter blues like #5F9EA0 can be used for secondary text.

Accessibility notes

  • Ensure text, especially body content, has sufficient contrast against dark backgrounds like #0A1D2B; use light colors like #00BFFF.
  • Reserve #00BFFF for accents or large headings; its vibrancy can be challenging for small body text readability.
  • Avoid using mid-tones such as #5F9EA0 for small text on similar values like #2C5D6F to maintain clarity.
  • Clearly define interactive elements with distinct color changes or outlines to aid navigation.

Recommended combinations

Deep Dive

Creates a seamless gradient simulating oceanic depths, ideal for background imagery or immersive interfaces.

#0A1D2B · #183D4F · #2C5D6F

Abyss Glow

Highlights mysterious elements against a dark backdrop, perfect for focus points or ethereal effects.

#0A1D2B · #00BFFF · #5F9EA0

Submerged Light

Offers a dynamic pairing for UI elements where a subtle glow emerges from the dark.

#2C5D6F · #00BFFF · #183D4F

CSS variables

:root {
  --bioluminescent-abyss-2-1: #0A1D2B;
  --bioluminescent-abyss-2-2: #183D4F;
  --bioluminescent-abyss-2-3: #2C5D6F;
  --bioluminescent-abyss-2-4: #00BFFF;
  --bioluminescent-abyss-2-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bioluminescent-abyss-2": {
        1: "#0A1D2B",
        2: "#183D4F",
        3: "#2C5D6F",
        4: "#00BFFF",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

deep ocean colorsbioluminescent blue palettemysterious dark themecool sea greenssci-fi UI colors

Palette colors

Hex values

Color 1#0A1D2B
·
Color 2#183D4F
·
Color 3#2C5D6F
·
Color 4#00BFFF
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
8.1:1AAA
5.6:1AA
2
1.5:1Fail
1.6:1Fail
5.4:1AA
3.8:1AA18
3
2.4:1Fail
1.6:1Fail
3.4:1AA18
2.4:1Fail
4
8.1:1AAA
5.4:1AA
3.4:1AA18
1.4:1Fail
5
5.6:1AA
3.8:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Bioluminescent Abyss

View all cool
Midnight Ocean Trench
Abyssal Current Glide
Cobalt Abyss Depths
Abyssal Bioluminescence
Cobalt Arctic Depth
Deep Ocean Bloom