Back to palettes

Palette

Deep Ocean Trench

Enigmatic and profound, these shades evoke the crushing pressures and mysterious beauty of the ocean's deepest trenches.

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

#00000A#00101A#002030#003040#004050

Palette guide

How to use Deep Ocean Trench

Overview

The Deep Ocean Trench palette (ID: deep-ocean-trench-8) offers an exceptionally subtle and monochromatic range of blues, transitioning from #00000A to #004050. These colors are so dark they verge on black, providing a minimalist and profound aesthetic. Designers and developers can leverage this palette to create ultra-dark mode themes, luxury interfaces, or abstract designs where subtlety and depth are paramount. The slight variations in hue and lightness create a sense of quiet sophistication, perfect for projects demanding a sleek, almost invisible background that allows content to truly stand out.

Best used for

  • Minimalist UI/UX design
  • Ultra-dark mode applications
  • Luxury tech interfaces
  • Abstract digital art backgrounds
  • Stealth and security-themed applications
  • Background textures and gradients

Suggested color roles

primary

Use #00101A as a very dark blue for primary elements, offering a subtle distinction from the background.

secondary

Apply #002030 for supporting content or subtle dividers, providing a slightly lighter dark tone.

accent

Designate #004050, the lightest blue, for extremely subtle highlights, hover states, or very faint borders.

background

Utilize #00000A as the absolute darkest background, creating an almost pure black, profound canvas.

text

Employ white or a very light gray (e.g., #F5F5F5) for all text to ensure any level of readability on these extremely dark blues.

Accessibility notes

  • Due to the extreme darkness and minimal contrast between hues, light text (white or near-white) is absolutely essential for readability.
  • Avoid using any of these blues as text colors on other blues within the palette, as contrast will be insufficient.
  • Consider increasing font sizes for important information to compensate for the inherently low contrast between background elements.
  • This palette will challenge WCAG contrast ratios; prioritize accessibility for text and critical interactive elements with external light colors.

Recommended combinations

Deepest Contrast

For an ultra-dark background with the lightest available accent and a subtly distinct secondary element.

#00000A · #004050 · #002030

Subtle Gradient

To create almost imperceptible gradients or layered effects in large background areas.

#00101A · #002030 · #003040

Minimalist Focus

Ideal for a minimalist design where elements softly emerge from the profound darkness with a faint highlight.

#00000A · #00101A · #004050

CSS variables

:root {
  --deep-ocean-trench-8-1: #00000A;
  --deep-ocean-trench-8-2: #00101A;
  --deep-ocean-trench-8-3: #002030;
  --deep-ocean-trench-8-4: #003040;
  --deep-ocean-trench-8-5: #004050;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-ocean-trench-8": {
        1: "#00000A",
        2: "#00101A",
        3: "#002030",
        4: "#003040",
        5: "#004050",
      }
    }
  }
}

Related searches

ultra dark blue palettenear black color schememinimalist deep bluessubtle dark mode colorsmonochromatic blue design

Palette colors

Hex values

Color 1#00000A
·
Color 2#00101A
·
Color 3#002030
·
Color 4#003040
·
Color 5#004050
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
2
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.7:1Fail
3
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail
4
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
1.8:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Deep Ocean Trench

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Rift Shimmer
Abyssal Trench Dive