Back to palettes

Palette

Ocean Depths Gaze

A mesmerizing dive into increasing depths of dark blue, reflecting the profound elegance of the ocean's core.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ocean Depths Gaze 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 Ocean Depths Gaze.

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

Data visualization

#000033#00004D#000066#000080#000099

Palette guide

How to use Ocean Depths Gaze

Overview

The Ocean Depths Gaze palette offers a mesmerizing, monochromatic journey into the purest, darkest blues of the ocean's core. This collection features a series of progressively lighter, yet still profoundly deep, navy blues: from an almost black #000033, through #00004D and #000066, to a classic Navy Blue #000080, culminating in a slightly brighter #000099. This palette is exceptionally elegant and sophisticated, ideal for designs requiring a sense of deep focus, luxury, and unwavering stability. Developers will find these subtle tonal shifts perfect for creating depth, subtle hover effects, or distinct layers in dark mode interfaces without introducing distracting color variations.

Best used for

  • Luxury brand identity and websites
  • High-end tech product interfaces
  • Dark mode application themes
  • Corporate and financial services branding
  • Elegant editorial layouts
  • Abstract digital art and photography backgrounds

Suggested color roles

primary

Deepest Navy (#000033) for foundational elements, large background areas, or prominent headers, establishing a luxurious base.

secondary

Dark Navy (#00004D) for content blocks, secondary navigation, or subtle dividers, adding gentle variation.

accent

Medium Navy (#000099) for interactive elements, subtle highlights, or active states, offering the highest contrast within the palette.

background

Navy Blue (#000066) as a primary background for sections, providing depth while maintaining readability.

text

Pure white or a very light grey is essential for all text elements to ensure optimal readability against these dark blues.

Accessibility notes

  • All colors are very dark; strict adherence to WCAG AA/AAA for contrast with light text is crucial.
  • Avoid using any two palette colors for text/background contrast due to insufficient differentiation.
  • The lightest color, #000099, still requires white text for good readability.
  • Ensure sufficient spacing and large font sizes when using these dark hues for text-heavy interfaces.

Recommended combinations

Monochromatic Depth

Ideal for creating layered dark mode effects, where #000033 is the deepest layer, and #000066 is a slightly elevated element.

#000033 · #00004D · #000066

Subtle Highlight

Use #000080 for a primary background, #000099 for a button or icon, and #00004D for a subtle hover state.

#000080 · #000099 · #00004D

Elegant Base

#000066 as a main background, #000033 for a footer or header, and #000080 for prominent titles.

#000066 · #000033 · #000080

CSS variables

:root {
  --ocean-depths-gaze-1: #000033;
  --ocean-depths-gaze-2: #00004D;
  --ocean-depths-gaze-3: #000066;
  --ocean-depths-gaze-4: #000080;
  --ocean-depths-gaze-5: #000099;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ocean-depths-gaze": {
        1: "#000033",
        2: "#00004D",
        3: "#000066",
        4: "#000080",
        5: "#000099",
      }
    }
  }
}

Related searches

dark navy color schememonochromatic blue paletteelegant deep blue colorsluxury navy brandingminimal dark blue UI

Palette colors

Hex values

Color 1#000033
·
Color 2#00004D
·
Color 3#000066
·
Color 4#000080
·
Color 5#000099
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
4
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
5
1.4:1Fail
1.3:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Ocean Depths Gaze

View all monochrome
Sapphire Dusk Glide
Ash Cloud Symphony
Cobalt Flow
Ancient Marble Column
Ancient Marble Relic
Ancient Marble Statue