Back to palettes

Palette

Deep Sea Explorer

An immersive range of deep blues and black, venturing into the silent, unknown world of the ocean floor.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#000066#1A1A40#003366#4169E1

Palette guide

How to use Deep Sea Explorer

Overview

The Deep Sea Explorer palette offers an immersive range of deep blues and near-blacks, venturing into the silent, unknown world of the ocean floor. Anchored by the profound #000033 and #000066, these colors establish an incredibly dark, mysterious base. The inclusion of #1A1A40, a very dark blue-purple, and #003366, a deep, rich blue, adds layers of subtle complexity. The vibrant #4169E1, a royal blue, serves as a powerful accent, mimicking the rare light of an explorer's beam. This palette is perfect for projects requiring a serious, sophisticated, and deeply immersive atmosphere, evoking discovery and technical prowess.

Best used for

  • Advanced tech interfaces
  • Scientific exploration themes
  • Luxury automotive advertising
  • Dark mode application design
  • High-end security software
  • Abstract digital art

Suggested color roles

primary

#000033 (The deepest, almost black-blue, ideal for foundational backgrounds or main structural elements, conveying depth.)

secondary

#000066 (A rich, deep blue for secondary panels, navigation, or subtle layering.)

accent

#4169E1 (The vibrant royal blue, perfect for calls to action, interactive elements, or highlighting key information.)

background

#000033 (Establishes an incredibly deep, dark, and professional backdrop, enhancing the lighter blues.)

text

#4169E1 (Provides strong contrast for headings and important text on dark backgrounds. For body text, a light grey or white (e.g., #F0F0F0) is recommended for optimal readability.)

Accessibility notes

  • #4169E1 provides strong contrast against #000033, #000066, #1A1A40, and #003366, making it suitable for text and interactive elements.
  • Always use a light, high-contrast color (e.g., white or light grey) for body text on the darkest backgrounds to ensure WCAG compliance.
  • Avoid using the darker blues for text on similar dark blue backgrounds to prevent readability issues.
  • The palette's inherent darkness benefits from careful placement of the accent color for critical information.

Recommended combinations

Abyssal Core

Layered darkest blues for backgrounds and structural elements, conveying immense depth.

#000033 · #000066 · #1A1A40

Explorer's Beam

Strong contrast for highlighting key information or interactive elements, mimicking light.

#000033 · #4169E1 · #003366

Deep Blue Layers

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

#000066 · #1A1A40 · #003366

CSS variables

:root {
  --deep-sea-explorer-1: #000033;
  --deep-sea-explorer-2: #000066;
  --deep-sea-explorer-3: #1A1A40;
  --deep-sea-explorer-4: #003366;
  --deep-sea-explorer-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-explorer": {
        1: "#000033",
        2: "#000066",
        3: "#1A1A40",
        4: "#003366",
        5: "#4169E1",
      }
    }
  }
}

Related searches

deep navy blue color schemedark blue tech palettemysterious ui designocean exploration web colorsprofessional dark mode

Palette colors

Hex values

Color 1#000033
·
Color 2#000066
·
Color 3#1A1A40
·
Color 4#003366
·
Color 5#4169E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.6:1Fail
4.1:1AA18
2
1.1:1Fail
1.1:1Fail
1.4:1Fail
3.6:1AA18
3
1.2:1Fail
1.1:1Fail
1.3:1Fail
3.4:1AA18
4
1.6:1Fail
1.4:1Fail
1.3:1Fail
2.6:1Fail
5
4.1:1AA18
3.6:1AA18
3.4:1AA18
2.6:1Fail

Similar palettes

More like Deep Sea Explorer

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