Back to palettes

Palette

Deep Sea Bioluminescence

Deep, dark blues pierced by vivid aqua and lime green, revealing life in the abyssal depths.

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

#000080#191970#00BFFF#7FFFD4#ADFF2F

Palette guide

How to use Deep Sea Bioluminescence

Overview

The Deep Sea Bioluminescence palette (version 3) features deep, dark blues pierced by vivid aqua and lime green, revealing life in the abyssal depths. Ranging from the profound #000080 to the energetic #ADFF2F, this palette is ideal for designs that demand mystery, natural wonder, and a sense of dynamic contrast. Designers can craft immersive digital experiences, captivating branding, and unique UI themes. Developers will find these hex codes perfect for projects related to marine science, technology, or any application that benefits from a dark, vibrant, and visually striking aesthetic. The interplay between #191970 and #00BFFF allows for excellent vivid highlights.

Best used for

  • Marine biology educational platforms
  • Science fiction game interfaces
  • Environmental awareness campaigns (ocean life)
  • Dark mode UI with vibrant accents
  • Interactive museum exhibits (natural history)
  • Art installations (glowing effects)

Suggested color roles

primary

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

secondary

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

accent

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

background

The deepest hue, #000080, 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. #7FFFD4 can be used for larger headings or highlights on the darkest backgrounds.

Accessibility notes

  • Ensure high contrast for text on #000080 and #191970 by using light text (e.g., white, #00BFFF, #7FFFD4).
  • The bright colors like #00BFFF, #7FFFD4, and #ADFF2F may have insufficient contrast for small text on lighter backgrounds if not used carefully.
  • Avoid placing #000080 and #191970 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 Lumina

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

#000080 · #191970 · #00BFFF

Deep Glow

Use #191970 as a base, with #7FFFD4 for secondary elements and #ADFF2F for vibrant, energetic highlights or interactive states.

#191970 · #7FFFD4 · #ADFF2F

Electric Contrast

Excellent for a dark, profound background with a clear, electric accent and a strong mid-tone for supporting details.

#000080 · #ADFF2F · #00BFFF

CSS variables

:root {
  --deep-sea-bioluminescence-3-1: #000080;
  --deep-sea-bioluminescence-3-2: #191970;
  --deep-sea-bioluminescence-3-3: #00BFFF;
  --deep-sea-bioluminescence-3-4: #7FFFD4;
  --deep-sea-bioluminescence-3-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-bioluminescence-3": {
        1: "#000080",
        2: "#191970",
        3: "#00BFFF",
        4: "#7FFFD4",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

dark blue green palettebioluminescent ocean hex codesvibrant abyss UI designelectric marine color schemeglowing deep sea colors

Palette colors

Hex values

Color 1#000080
·
Color 2#191970
·
Color 3#00BFFF
·
Color 4#7FFFD4
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
7.5:1AAA
13.1:1AAA
13.1:1AAA
2
1.1:1Fail
7:1AA
12.1:1AAA
12.1:1AAA
3
7.5:1AAA
7:1AA
1.7:1Fail
1.7:1Fail
4
13.1:1AAA
12.1:1AAA
1.7:1Fail
1:1Fail
5
13.1:1AAA
12.1:1AAA
1.7:1Fail
1:1Fail

Similar palettes

More like Deep Sea Bioluminescence

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Glow Wonders
Abyssal Luminous Depths