Back to palettes

Palette

Deepwater Cave

An abyss of blues, portraying the profound mystery and quiet immensity of the deepest parts of the ocean.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deepwater Cave 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 Deepwater Cave.

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

Data visualization

#001F3F#003366#004080#001020#002850

Palette guide

How to use Deepwater Cave

Overview

The Deepwater Cave palette plunges into an abyss of blues, portraying the profound mystery and quiet immensity of the deepest parts of the ocean. It features an array of intense, dark blues, from the near-black #001020 and #001F3F to the rich #002850, #003366, and #004080. This dark, mysterious, and deep collection is perfect for designers seeking to evoke a sense of the unknown, tranquility, and powerful depth. Developers can utilize these hues for immersive UI designs, marine-themed applications, or sophisticated branding that conveys a sense of wonder and vastness, creating an experience like diving into an underwater cavern.

Best used for

  • Marine research or oceanography websites
  • Sci-fi or fantasy game environments
  • Luxury cruise line branding
  • Dark mode application themes
  • Abstract art installations
  • High-end watch or jewelry showcases

Suggested color roles

primary

#001020 - The deepest, most foundational blue-black, ideal for expansive backgrounds or dominant elements, conveying infinite depth.

secondary

#001F3F - A very dark, rich blue, perfect for content panels, headers, or secondary navigational components.

accent

#004080 - A vibrant, yet still deep, blue, excellent for interactive elements, highlights, or crucial calls to action, providing clear distinction.

background

#002850 - A deep, muted blue that serves as a versatile background for content, offering a subtle, oceanic base.

text

white - A crisp white or a very light blue (#B0E0E6, if available in a broader palette) is essential for legible text against these profound dark blues.

Accessibility notes

  • Text in white or a very light grey (#F0F0F0) against any of these dark blues will provide excellent contrast, meeting WCAG AA standards.
  • Avoid using any of the blues from this palette for text on another blue from the same palette without careful contrast checking, as most combinations will be insufficient.
  • For critical information, always prioritize maximum legibility by using the lightest possible text color.
  • Ensure interactive elements have clear visual indicators beyond color alone, given the monochromatic dark nature of the palette.

Recommended combinations

Abyss Layers

To create deep, layered backgrounds or for subtle sectioning in dark, immersive UI designs.

#001020 · #001F3F · #002850

Cave Glow

Highlighting key information or interactive components, with #004080 providing a vibrant, deep focal point.

#001F3F · #004080 · #003366

Deep Sea Mystery

Effective for powerful branding or data visualization, using the blue progression for hierarchy or distinction.

#001020 · #003366 · #004080

CSS variables

:root {
  --deepwater-cave-1: #001F3F;
  --deepwater-cave-2: #003366;
  --deepwater-cave-3: #004080;
  --deepwater-cave-4: #001020;
  --deepwater-cave-5: #002850;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deepwater-cave": {
        1: "#001F3F",
        2: "#003366",
        3: "#004080",
        4: "#001020",
        5: "#002850",
      }
    }
  }
}

Related searches

deep blue ocean paletteabyss color schemedark blue mystery brandingdeepwater UI colorsocean cave aesthetic

Palette colors

Hex values

Color 1#001F3F
·
Color 2#003366
·
Color 3#004080
·
Color 4#001020
·
Color 5#002850
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.2:1Fail
1.1:1Fail
2
1.3:1Fail
1.2:1Fail
1.5:1Fail
1.2:1Fail
3
1.6:1Fail
1.2:1Fail
1.9:1Fail
1.4:1Fail
4
1.2:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail
5
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Deepwater Cave

View all dark
Abyssal Trench Mystery
Mariana Trench Echo
Oceanic Trench Dive
Abyssal Coral Forms
Abyssal Trench Mystery
Bioluminescent Deep Trench