Back to palettes

Palette

Deep Sea Current

Powerful, deep blues and dark greens that capture the immense and energetic flow of hidden ocean currents.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#191970#0A1C16#000033#00001A

Palette guide

How to use Deep Sea Current

Overview

The Deep Sea Current palette (version 2) features powerful, deep blues and dark greens that capture the immense and energetic flow of hidden ocean currents. Dominated by profound navies like #000080, #191970, and #000033, it creates an intense, mysterious atmosphere. The inclusion of the very dark, almost black #0A1C16 and #00001A adds incredible depth and a subtle hint of green, evoking the unseen forces beneath the waves. This palette is ideal for projects demanding a serious, sophisticated, and powerful aesthetic, perfect for conveying authority and mystery.

Best used for

  • Luxury tech branding
  • Cybersecurity interfaces
  • Financial institution websites
  • High-end automotive design
  • Abstract digital art
  • Scientific data dashboards

Suggested color roles

primary

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

secondary

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

accent

#0A1C16 (A very dark, almost black-green, suitable for subtle accents, borders, or to add unique depth.)

background

#000033 (Establishes an incredibly deep, dark, and mysterious backdrop, enhancing other dark tones.)

text

For all text, a highly contrasting light color like white or a very light grey (e.g., #F0F0F0) is essential for readability against these profound darks.

Accessibility notes

  • Due to the extreme darkness of all colors, always use white or a very light grey for all text to ensure WCAG compliance.
  • Avoid using any of the palette's colors as text on each other, as contrast will be insufficient for readability.
  • The palette is best utilized for large blocks of color with light text overlays.
  • Consider using subtle textures or gradients with these colors rather than relying on them for distinct text/background pairs.

Recommended combinations

Abyssal Power

Layered darkest tones for ultimate depth and a sense of immense power.

#000033 · #00001A · #0A1C16

Deep Current Flow

Harmonious deep navies for gradients and primary content areas.

#000080 · #191970 · #000033

Subtle Shift

Slight variations in dark tones for nuanced backgrounds or structural elements.

#191970 · #0A1C16 · #000080

CSS variables

:root {
  --deep-sea-current-2-1: #000080;
  --deep-sea-current-2-2: #191970;
  --deep-sea-current-2-3: #0A1C16;
  --deep-sea-current-2-4: #000033;
  --deep-sea-current-2-5: #00001A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-current-2": {
        1: "#000080",
        2: "#191970",
        3: "#0A1C16",
        4: "#000033",
        5: "#00001A",
      }
    }
  }
}

Related searches

dark navy green palettemysterious deep ocean colorspowerful dark mode uisophisticated black blue greenabstract dark web design

Palette colors

Hex values

Color 1#000080
·
Color 2#191970
·
Color 3#0A1C16
·
Color 4#000033
·
Color 5#00001A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
2
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.4:1Fail
3
1.1:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
4
1.3:1Fail
1.3:1Fail
1.1:1Fail
1:1Fail
5
1.3:1Fail
1.4:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Deep Sea Current

View all dark
Deep Ocean Mariana
Deep Sea Abyss
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Bloom