Back to palettes

Palette

Deep Sea Bioluminescence

Dark and mesmerizing, with luminous pops of blue-green, like creatures glowing in the ocean's abyss.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Bioluminescence 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 Bioluminescence.

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

Data visualization

#0A192F#00FFFF#33FFCC#66FF66#CCFFFF

Palette guide

How to use Deep Sea Bioluminescence

Overview

The Deep Sea Bioluminescence palette (version 2) is dark and mesmerizing, with luminous pops of blue-green like creatures glowing in the ocean's abyss. From the profound #0A192F to the ethereal #CCFFFF, this palette is ideal for designs that demand mystery, wonder, and a sense of otherworldly beauty. Designers can craft immersive digital experiences, captivating branding, and unique UI themes. Developers will find these hex codes perfect for projects related to science fiction, fantasy, or any application that benefits from a dark, dynamic, and visually striking aesthetic. The interplay between #00FFFF and #33FFCC allows for excellent vivid highlights.

Best used for

  • Science fiction game interfaces or branding
  • Marine biology educational platforms
  • Abstract art digital showcases
  • Dark mode UI with vibrant accents
  • Environmental awareness campaigns (deep sea)
  • Interactive museum exhibits

Suggested color roles

primary

Utilize #0A192F as the main background or primary content color, providing a deep, mysterious, and stable foundation.

secondary

Apply #00FFFF for secondary content areas, panels, or navigation, offering a vibrant visual distinction and layered effect.

accent

Introduce #33FFCC as a powerful, luminous accent for calls-to-action, key features, or interactive elements, ensuring maximum impact.

background

The deepest hue, #0A192F, is excellent for expansive backgrounds or header sections, establishing an immediate tone of profound abyss.

text

For optimal readability, use a crisp white or very light gray. #CCFFFF can be used for larger headings or highlights on the darkest backgrounds.

Accessibility notes

  • Ensure high contrast for text on #0A192F by using light text (e.g., white, #CCFFFF).
  • The bright colors like #00FFFF, #33FFCC, and #66FF66 may have insufficient contrast for small text on lighter backgrounds if not used carefully.
  • Avoid placing #0A192F and #00FFFF too close for critical elements without careful contrast checks.
  • Always test color combinations with accessibility tools to ensure WCAG compliance for readability.

Recommended combinations

Abyss and Glow

Ideal for a dark background with vibrant, glowing accents, perfect for highlighting interactive elements or data points.

#0A192F · #00FFFF · #33FFCC

Luminous Depths

Use #0A192F as a base, with #66FF66 for secondary elements and #CCFFFF for soft, ethereal highlights or interactive states.

#0A192F · #66FF66 · #CCFFFF

Electric Contrast

Excellent for a dark, profound background with two strong, luminous accents for dynamic visual interest.

#0A192F · #33FFCC · #00FFFF

CSS variables

:root {
  --deep-sea-bioluminescence-2-1: #0A192F;
  --deep-sea-bioluminescence-2-2: #00FFFF;
  --deep-sea-bioluminescence-2-3: #33FFCC;
  --deep-sea-bioluminescence-2-4: #66FF66;
  --deep-sea-bioluminescence-2-5: #CCFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-bioluminescence-2": {
        1: "#0A192F",
        2: "#00FFFF",
        3: "#33FFCC",
        4: "#66FF66",
        5: "#CCFFFF",
      }
    }
  }
}

Related searches

deep sea glow palettebioluminescent hex codesdark vibrant UI designelectric blue-green schemeoceanic mystery colors

Palette colors

Hex values

Color 1#0A192F
·
Color 2#00FFFF
·
Color 3#33FFCC
·
Color 4#66FF66
·
Color 5#CCFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
14:1AAA
13.7:1AAA
13.5:1AAA
16.2:1AAA
2
14:1AAA
1:1Fail
1:1Fail
1.2:1Fail
3
13.7:1AAA
1:1Fail
1:1Fail
1.2:1Fail
4
13.5:1AAA
1:1Fail
1:1Fail
1.2:1Fail
5
16.2:1AAA
1.2:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Deep Sea Bioluminescence

View all dark
Deep Ocean Twilight
Deep Sea Serpent
Submarine Bioluminescence
Abyssal Bioluminescence
Abyssal Coral Bloom
Abyssal Coral Bloom