Back to palettes

Palette

Deep Sea Cavern

Plunge into the profound depths of the ocean, where sunlight barely penetrates the indigo abyss.

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

#000080#191970#0000CD#4169E1#00008B

Palette guide

How to use Deep Sea Cavern

Overview

The Deep Sea Cavern palette plunges into the profound depths of the ocean, where sunlight barely penetrates the indigo abyss. Featuring a core of rich navy blues like #000080, #191970, and #00008B, it evokes a sense of timeless mystery and vastness. The addition of #0000CD, a vibrant royal blue, and #4169E1, a striking cornflower blue, introduces moments of clarity and subtle light, akin to distant glimmers in the deep. This palette is excellent for projects requiring a sophisticated, cool, and deeply immersive atmosphere, perfect for conveying trust and stability.

Best used for

  • Professional corporate websites
  • Luxury product branding
  • Museum exhibits (maritime)
  • Educational platforms
  • Serene digital interfaces
  • High-end interior design concepts

Suggested color roles

primary

#000080 (A foundational deep navy, ideal for large background areas or main structural elements.)

secondary

#191970 (A slightly muted navy, perfect for secondary panels, navigation, or subtle layering.)

accent

#4169E1 (The brightest blue, excellent for calls to action, interactive elements, or key highlights.)

background

#000080 (Establishes a deep, professional, and calming oceanic backdrop.)

text

#4169E1 (Offers good contrast for headings and important text on darker backgrounds. For body text, a light grey or white (e.g., #E0FFFF) is recommended for optimal readability.)

Accessibility notes

  • #4169E1 provides good contrast against #000080, #191970, and #00008B, making it suitable for text and interactive elements.
  • Ensure light text (e.g., white or light grey) is used for body content on the darkest blues to meet WCAG standards.
  • Avoid using similar dark blues for text on backgrounds of similar darkness to prevent readability issues.
  • When using #0000CD as text, ensure the background provides sufficient contrast.

Recommended combinations

Abyssal Core

Deep, harmonious navies for backgrounds and primary content areas.

#000080 · #191970 · #00008B

Glimmering Depths

Vibrant blues against the deep base for highlights and interactive elements.

#0000CD · #4169E1 · #000080

Professional Harmony

Balanced blues for secondary UI components, cards, or subtle gradients.

#191970 · #0000CD · #4169E1

CSS variables

:root {
  --deep-sea-cavern-1: #000080;
  --deep-sea-cavern-2: #191970;
  --deep-sea-cavern-3: #0000CD;
  --deep-sea-cavern-4: #4169E1;
  --deep-sea-cavern-5: #00008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-cavern": {
        1: "#000080",
        2: "#191970",
        3: "#0000CD",
        4: "#4169E1",
        5: "#00008B",
      }
    }
  }
}

Related searches

deep navy blue paletteprofessional blue color schememysterious ocean colorsdark blue website designcool tone color palette

Palette colors

Hex values

Color 1#000080
·
Color 2#191970
·
Color 3#0000CD
·
Color 4#4169E1
·
Color 5#00008B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
3.3:1AA18
1:1Fail
2
1.1:1Fail
1.3:1Fail
3.1:1AA18
1:1Fail
3
1.4:1Fail
1.3:1Fail
2.3:1Fail
1.4:1Fail
4
3.3:1AA18
3.1:1AA18
2.3:1Fail
3.2:1AA18
5
1:1Fail
1:1Fail
1.4:1Fail
3.2:1AA18

Similar palettes

More like Deep Sea Cavern

View all dark
Oceanic Abyss Echo
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Bloom
Abyssal Coral Bloom