Back to palettes

Palette

Deep Ocean Midnight

The profound, ink-dark blues of the deepest ocean trenches, where light barely penetrates.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000029#080D41#131E5E#2B3D8A#4C5DAF

Palette guide

How to use Deep Ocean Midnight

Overview

The Deep Ocean Midnight color palette evokes the profound, ink-dark blues of the deepest ocean trenches, where light barely penetrates. Comprising shades like the near-black #000029, the slightly lighter #080D41, and the rich #131E5E, this collection offers a sophisticated and mysterious foundation for any design. It's ideal for creating a sense of depth, tranquility, and luxury. The brighter notes of #2B3D8A and #4C5DAF provide subtle contrast, allowing for dynamic yet cohesive visual experiences. Designers and developers can leverage this palette to craft elegant interfaces, impactful branding, and immersive digital environments that convey seriousness and calm.

Best used for

  • Luxury brand websites and apps
  • High-tech product interfaces
  • Night mode themes for software
  • Astronomy or space-themed content
  • Corporate or financial institution branding
  • Mystery novel covers or film posters

Suggested color roles

primary

Use #000029 as the dominant background for a truly deep and immersive feel, setting a mysterious and sophisticated tone.

secondary

Apply #080D41 for large content blocks or subtle section dividers, providing a slight visual separation without breaking the dark mood.

accent

Employ #4C5DAF for interactive elements, call-to-action buttons, or key headings to draw attention effectively against the darker backdrop.

background

The deepest hue, #000029, serves as an excellent primary background, offering a canvas of profound midnight blue.

text

For body text, use a very light color like pure white or a light gray for optimal readability. For headings or sub-headers, #4C5DAF works well, or #2B3D8A for a slightly less prominent highlight.

Accessibility notes

  • Ensure sufficient contrast for text: white or very light text on #000029, #080D41, and #131E5E is crucial for readability.
  • Avoid using #2B3D8A or #4C5DAF for small text on any of the darker blues as contrast may be insufficient.
  • Always test color combinations with WCAG contrast checkers, especially for interactive elements and form fields.
  • Provide alternative text or visual cues for users who may have difficulty distinguishing between the very similar dark blue shades.

Recommended combinations

Deep Horizon

Ideal for a strong primary background with a rich mid-tone for secondary elements and a bright accent for focus.

#000029 · #131E5E · #4C5DAF

Twilight Glow

Excellent for gradients or layered interfaces, progressing from a dark base to a vibrant highlight.

#080D41 · #2B3D8A · #4C5DAF

Subtle Depth

Perfect for creating depth and sophistication with minimal contrast, suitable for subtle branding or background textures.

#000029 · #080D41 · #131E5E

CSS variables

:root {
  --deep-ocean-midnight-1: #000029;
  --deep-ocean-midnight-2: #080D41;
  --deep-ocean-midnight-3: #131E5E;
  --deep-ocean-midnight-4: #2B3D8A;
  --deep-ocean-midnight-5: #4C5DAF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-ocean-midnight": {
        1: "#000029",
        2: "#080D41",
        3: "#131E5E",
        4: "#2B3D8A",
        5: "#4C5DAF",
      }
    }
  }
}

Related searches

dark blue color schemesmysterious color palettesdeep ocean colorsluxury blue brandingnight mode ui colors

Palette colors

Hex values

Color 1#000029
·
Color 2#080D41
·
Color 3#131E5E
·
Color 4#2B3D8A
·
Color 5#4C5DAF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
2.1:1Fail
3.4:1AA18
2
1.1:1Fail
1.2:1Fail
1.9:1Fail
3.1:1AA18
3
1.3:1Fail
1.2:1Fail
1.6:1Fail
2.5:1Fail
4
2.1:1Fail
1.9:1Fail
1.6:1Fail
1.6:1Fail
5
3.4:1AA18
3.1:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Deep Ocean Midnight

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