Back to palettes

Palette

Deep Ocean Trench

The mysterious and crushing depths of the ocean floor, where strange light hints at hidden life.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Ocean Trench 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 Ocean Trench.

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

Data visualization

#0D2D3E#000000#0F255A#00FFE3#260D2D

Palette guide

How to use Deep Ocean Trench

Overview

The Deep Ocean Trench palette (ID: deep-ocean-trench-9) is a dramatic and high-contrast collection, featuring pure black (#000000), deep blues like #0F255A, a unique purplish-dark blue #260D2D, and a striking, vibrant cyan #00FFE3. This palette evokes the mysterious and crushing depths where strange, bioluminescent light hints at hidden life. Designers and developers can utilize this for futuristic, cyberpunk, or sci-fi themes, creating interfaces that are bold, dynamic, and visually arresting. The sharp contrast between the dark base and the luminous accent allows for powerful focal points and an exciting digital aesthetic.

Best used for

  • Sci-fi game interfaces and environments
  • Cyberpunk aesthetics and branding
  • Digital art and interactive installations
  • Music production software UIs
  • Experimental web design
  • Dark mode themes with a vibrant twist

Suggested color roles

primary

Use #0F255A as a strong dark blue for main content areas and key UI components, providing a solid base.

secondary

Apply #0D2D3E for supporting elements or backgrounds, offering a dark blue-green contrast.

accent

Leverage #00FFE3, the vibrant cyan, for calls to action, highlights, interactive elements, or bioluminescence effects.

background

Designate #000000 (pure black) as the primary background color for ultimate depth and maximum contrast.

text

Employ white or #00FFE3 for primary text on dark backgrounds, or a very light gray for general readability.

Accessibility notes

  • The vibrant #00FFE3 offers excellent contrast against #000000 and the dark blues for critical text and interactive elements.
  • Ensure sufficient contrast for text on #0D2D3E and #260D2D if not using #00FFE3 or white.
  • Be mindful of the strong visual impact of #00FFE3; use it judiciously to avoid overwhelming the user.
  • Test color pairings for text and background to ensure readability for users with color vision deficiencies, especially with the purplish dark blue.

Recommended combinations

Cyberpunk Glow

For a dramatic black background with a neon accent and a deep blue for core elements, ideal for sci-fi UIs.

#000000 · #00FFE3 · #0F255A

Mysterious Depths

To create an eerie, deep-sea effect with subtle dark shifts and a glowing, otherworldly highlight.

#0D2D3E · #260D2D · #00FFE3

Bold Contrast

Ideal for a powerful, dark-themed interface where elements are clearly defined against a black canvas.

#000000 · #0F255A · #0D2D3E

CSS variables

:root {
  --deep-ocean-trench-9-1: #0D2D3E;
  --deep-ocean-trench-9-2: #000000;
  --deep-ocean-trench-9-3: #0F255A;
  --deep-ocean-trench-9-4: #00FFE3;
  --deep-ocean-trench-9-5: #260D2D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-ocean-trench-9": {
        1: "#0D2D3E",
        2: "#000000",
        3: "#0F255A",
        4: "#00FFE3",
        5: "#260D2D",
      }
    }
  }
}

Related searches

cyberpunk color paletteblack and cyan themefuturistic dark colorsmysterious deep sea paletteneon blue scheme

Palette colors

Hex values

Color 1#0D2D3E
·
Color 2#000000
·
Color 3#0F255A
·
Color 4#00FFE3
·
Color 5#260D2D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1:1Fail
11.2:1AAA
1.2:1Fail
2
1.5:1Fail
1.4:1Fail
16.4:1AAA
1.2:1Fail
3
1:1Fail
1.4:1Fail
11.5:1AAA
1.2:1Fail
4
11.2:1AAA
16.4:1AAA
11.5:1AAA
13.9:1AAA
5
1.2:1Fail
1.2:1Fail
1.2:1Fail
13.9:1AAA

Similar palettes

More like Deep Ocean Trench

View all dark
Ocean Void Echo
Abyssal Luminous Depths
Deep Sea Cavern
Deep Sea Luminescence
Nocturnal Ocean Tide
Twilight Ocean Vortex