Back to palettes

Palette

Deep Sea Bioluminescence

Enigmatic dark blues and purples, punctuated by unexpected bursts of electric teal, mirroring deep-sea life.

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

#0D0D1A#1B1B36#3D3D6A#00FFC0#8A2BE2

Palette guide

How to use Deep Sea Bioluminescence

Overview

The Deep Sea Bioluminescence palette captures the mysterious allure of the ocean's darkest depths, illuminated by unexpected bursts of vibrant life. Dominated by profound darks like #0D0D1A and #1B1B36, it transitions into a rich, deep purple #3D3D6A, providing a sophisticated base. The true magic lies in its striking accents: an electric teal #00FFC0, reminiscent of glowing marine organisms, and a regal violet #8A2BE2, adding an otherworldly touch. This palette is ideal for projects seeking a dramatic, high-contrast aesthetic with a touch of the fantastical. Designers can leverage its deep, calming blues for backgrounds and interfaces, while developers can implement the brilliant teal and violet for interactive elements or call-to-action buttons. It evokes wonder, mystery, and a sense of discovery.

Best used for

  • Dark mode interfaces
  • Sci-fi game environments
  • Luxury branding (mysterious feel)
  • Event posters (night/space themes)
  • Digital art and illustrations
  • Marine conservation websites

Suggested color roles

primary

#0D0D1A (Deepest dark for backgrounds, large sections, establishing mood.)

secondary

#1B1B36 (Slightly lighter dark for sub-headers, panels, layered elements.)

accent

#00FFC0 (High-impact electric teal for CTAs, interactive elements, glowing effects.)

background

#0D0D1A (The foundational dark canvas for a truly immersive, deep-sea feel.)

text

For primary body text, a light grey or near-white (e.g., #E0FFFF) is recommended to ensure readability on the dark backgrounds. For headings or accents, #00FFC0 provides a striking, high-contrast option.

Accessibility notes

  • Ensure #00FFC0 and #8A2BE2 have sufficient contrast against #0D0D1A, #1B1B36, and #3D3D6A for text and interactive elements.
  • Use a light, highly contrasting color (e.g., a light grey or white) for body text on the darkest backgrounds like #0D0D1A to meet WCAG standards.
  • Limit the use of #8A2BE2 as body text on dark backgrounds as it may not always provide adequate contrast without careful testing.
  • Reserve the vibrant accents for non-essential decorative elements or larger text to aid readability.

Recommended combinations

Deep Abyss

Foundational darks for layered backgrounds and depth.

#0D0D1A · #1B1B36 · #3D3D6A

Bioluminescent Pop

Dramatic contrast for key elements, glowing highlights, and calls to action.

#0D0D1A · #00FFC0 · #8A2BE2

Mystic Depths

Subtle gradients and secondary elements, adding richness and mystery.

#1B1B36 · #3D3D6A · #8A2BE2

CSS variables

:root {
  --deep-sea-bioluminescence-1: #0D0D1A;
  --deep-sea-bioluminescence-2: #1B1B36;
  --deep-sea-bioluminescence-3: #3D3D6A;
  --deep-sea-bioluminescence-4: #00FFC0;
  --deep-sea-bioluminescence-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-bioluminescence": {
        1: "#0D0D1A",
        2: "#1B1B36",
        3: "#3D3D6A",
        4: "#00FFC0",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

deep ocean color schemebioluminescence web designdark mode ui palettesci-fi color themesmysterious color combinations

Palette colors

Hex values

Color 1#0D0D1A
·
Color 2#1B1B36
·
Color 3#3D3D6A
·
Color 4#00FFC0
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
14.7:1AAA
3.2:1AA18
2
1.2:1Fail
1.7:1Fail
12.8:1AAA
2.8:1Fail
3
1.9:1Fail
1.7:1Fail
7.7:1AAA
1.7:1Fail
4
14.7:1AAA
12.8:1AAA
7.7:1AAA
4.6:1AA
5
3.2:1AA18
2.8:1Fail
1.7:1Fail
4.6:1AA

Similar palettes

More like Deep Sea Bioluminescence

View all dark
Deep Sea Cavern Glow
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths