Back to palettes

Palette

Deep Ocean Caverns

Explores the profound depths of the ocean, where sunlight barely reaches and mystery abounds.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#000080#0000CD#4682B4#191970

Palette guide

How to use Deep Ocean Caverns

Overview

The Deep Ocean Caverns palette is a powerful and dramatic collection, blending true black with intense, profound blues. Starting with the ultimate dark of #000000, it delves into the deep with #000080 and #0000CD, creating an atmosphere of mystery and strength. The slightly muted #191970 adds subtle variation, while #4682B4 provides a contrasting steel blue highlight. This palette is expertly suited for designers and developers creating high-impact, sophisticated digital interfaces, luxury branding, or any project demanding a sleek, elegant, and deeply immersive visual experience with stark contrasts.

Best used for

  • Luxury product websites and branding
  • High-end tech company interfaces
  • Cinematic title sequences and intros
  • Sophisticated dark mode applications
  • Artistic portfolio sites (photography, digital art)
  • Cybersecurity company visuals

Suggested color roles

primary

Use #000000 as the ultimate dark base for backgrounds, headers, or main structural elements, conveying absolute depth.

secondary

Employ #000080 for secondary content areas, navigation, or as a strong border color, offering profound support.

accent

Apply #4682B4 for subtle highlights, interactive elements, or graphic accents to provide a cool, refined contrast.

background

The true #000000 creates a sleek, minimalist dark theme. #000080 can be used for slightly less intense dark backgrounds.

text

For maximum readability on #000000, #000080, or #0000CD backgrounds, use white or a very light grey (e.g., #EEEEEE).

Accessibility notes

  • White text on #000000, #000080, and #0000CD offers excellent contrast, ensuring high readability for all users.
  • While #4682B4 provides contrast on black, always check WCAG AA compliance for small text sizes when used on #000000.
  • Avoid using #191970 for text on #000080 backgrounds due to insufficient contrast; reserve these for larger blocks or textures.
  • Ensure all interactive elements maintain sufficient contrast in their default, hover, and active states.

Recommended combinations

Dramatic Contrast

Creates bold statements and clear visual hierarchy, ideal for key headings and prominent UI features.

#000000 · #0000CD · #4682B4

Deep Foundation

Excellent for establishing the core dark theme, main backgrounds, and primary content blocks with subtle variation.

#000000 · #000080 · #191970

Subtle Variation

Suitable for layered elements, subtle gradients, or backgrounds that require depth without harsh transitions.

#000080 · #191970 · #4682B4

CSS variables

:root {
  --deep-ocean-caverns-2-1: #000000;
  --deep-ocean-caverns-2-2: #000080;
  --deep-ocean-caverns-2-3: #0000CD;
  --deep-ocean-caverns-2-4: #4682B4;
  --deep-ocean-caverns-2-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-ocean-caverns-2": {
        1: "#000000",
        2: "#000080",
        3: "#0000CD",
        4: "#4682B4",
        5: "#191970",
      }
    }
  }
}

Related searches

black and deep blue paletteluxury dark mode colorssophisticated blue brandingmysterious web designhigh contrast UI

Palette colors

Hex values

Color 1#000000
·
Color 2#000080
·
Color 3#0000CD
·
Color 4#4682B4
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
5.1:1AA
1.4:1Fail
2
1.3:1Fail
1.4:1Fail
3.9:1AA18
1.1:1Fail
3
1.9:1Fail
1.4:1Fail
2.7:1Fail
1.3:1Fail
4
5.1:1AA
3.9:1AA18
2.7:1Fail
3.6:1AA18
5
1.4:1Fail
1.1:1Fail
1.3:1Fail
3.6:1AA18

Similar palettes

More like Deep Ocean Caverns

View all dark
Bioluminescent Deep Trench
Deep Sea Explorer
Ocean Trench Secrets
Quiet Ocean Floor
Submarine Abyss Light
Abyss Gaze