Back to palettes

Palette

Deep Sea Cavern

Explores the crushing darkness and occasional bioluminescent wonders of a deep-sea cavern.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Cavern 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 Sea Cavern.

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

Data visualization

#000000#0A1128#000080#001F3F#007BA7

Palette guide

How to use Deep Sea Cavern

Overview

The Deep Sea Cavern palette (version 3) explores the crushing darkness and occasional bioluminescent wonders of a deep-sea cavern. It starts with absolute black, #000000, creating an unparalleled sense of depth, complemented by the near-black #0A1128. Deep navy blues like #000080 and #001F3F add layers of oceanic mystery, while the striking #007BA7, a vibrant cerulean, serves as a powerful highlight. This palette is perfect for dramatic, high-contrast designs where the interplay of extreme darks and a single, piercing bright color is desired. It evokes professionalism, mystery, and a cutting-edge feel.

Best used for

  • Cyber security dashboards
  • High-tech product launches
  • Abstract digital art
  • Dark mode application themes
  • Thriller movie branding
  • Scientific data visualization

Suggested color roles

primary

#000000 (The ultimate dark, perfect for the main background or areas requiring maximum depth and intensity.)

secondary

#0A1128 (A slightly softer dark for secondary panels, borders, or subtle textural elements.)

accent

#007BA7 (The vibrant cerulean, ideal for calls to action, active states, or key data points that need to stand out.)

background

#000000 (Provides a stark, immersive void, making any lighter elements pop with intensity.)

text

#007BA7 (Excellent for headings and important text. For body text, a light grey or white (e.g., #E0FFFF) is recommended for optimal readability on black backgrounds.)

Accessibility notes

  • #007BA7 provides strong contrast against #000000, #0A1128, #000080, and #001F3F, making it suitable for interactive elements and headings.
  • For body text on #000000, always use a very light color like white or light grey for WCAG compliance.
  • Avoid using the darker blues (#0A1128, #000080, #001F3F) as text colors on #000000, as contrast will be insufficient.
  • Ensure sufficient contrast for any text or icons placed on #007BA7 if it's used as a background element.

Recommended combinations

Absolute Depths

Layered darks for ultimate depth and a sense of the unknown.

#000000 · #0A1128 · #000080

Bioluminescent Beacon

Stark contrast for highlighting key information or interactive elements.

#000000 · #007BA7 · #001F3F

Deep Blue Core

Subtle variations of deep blue for secondary UI components or gradients.

#0A1128 · #000080 · #001F3F

CSS variables

:root {
  --deep-sea-cavern-3-1: #000000;
  --deep-sea-cavern-3-2: #0A1128;
  --deep-sea-cavern-3-3: #000080;
  --deep-sea-cavern-3-4: #001F3F;
  --deep-sea-cavern-3-5: #007BA7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-cavern-3": {
        1: "#000000",
        2: "#0A1128",
        3: "#000080",
        4: "#001F3F",
        5: "#007BA7",
      }
    }
  }
}

Related searches

black and blue color schemedeep sea dark modedark ui palette with accentmysterious blue and blackhigh contrast web design

Palette colors

Hex values

Color 1#000000
·
Color 2#0A1128
·
Color 3#000080
·
Color 4#001F3F
·
Color 5#007BA7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.3:1Fail
4.4:1AA18
2
1.1:1Fail
1.2:1Fail
1.1:1Fail
3.9:1AA18
3
1.3:1Fail
1.2:1Fail
1:1Fail
3.3:1AA18
4
1.3:1Fail
1.1:1Fail
1:1Fail
3.5:1AA18
5
4.4:1AA18
3.9:1AA18
3.3:1AA18
3.5:1AA18

Similar palettes

More like Deep Sea Cavern

View all dark
Abyssal Luminous Depths
Deep Ocean Trench
Ocean Void Echo
Abyss Gaze
Abyss Glow Deep
Abyssal Bioluminescence