Back to palettes

Palette

Abyssal Current Flow

Plunging into the profound darkness of the ocean's abyssal plains, a sequence of deep, chilling blues.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Current Flow 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 Abyssal Current Flow.

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

Data visualization

#000000#0A1128#001F54#034078#01204E

Palette guide

How to use Abyssal Current Flow

Overview

The Abyssal Current Flow palette plunges into the profound darkness of the ocean's abyssal plains, a sequence of deep, chilling blues. Starting from pure #000000 and flowing through the intensely dark #0A1128, #001F54, and #01204E, it cultivates an atmosphere of profound depth and quiet mystery. The palette is subtly enlivened by the deep blue #034078, offering a hint of movement. Designers can utilize this palette for projects requiring a truly dark, immersive, and sophisticated aesthetic. Developers will appreciate the minimal yet distinct variations in blue, which allow for subtle layering and depth without sacrificing the overall dark theme, perfect for creating understated yet powerful user interfaces.

Best used for

  • Luxury dark mode applications
  • Abstract art and digital installations
  • High-end tech product interfaces
  • Space or cosmos-themed designs
  • Mystery novel covers or websites
  • Understated corporate branding

Suggested color roles

primary

Use #0A1128 as the main content color for large sections or prominent text elements, providing a deep, almost black blue.

secondary

Apply #001F54 for secondary content, navigation, or subtle dividers, adding a rich, dark navy layer.

accent

Introduce #034078 for subtle highlights, interactive states, or graphical elements where a slightly lighter blue is desired.

background

Establish a truly infinite and dark backdrop using #000000, perfect for dramatic visual impact and depth.

text

For critical text elements, a bright white or very light grey is essential for readability. For subtle hints, #034078 can be used on #000000 for larger text.

Accessibility notes

  • White or a very light grey is crucial for text readability against all colors in this very dark palette.
  • The contrast between #0A1128, #001F54, #01204E, and #000000 is extremely low; use for large, non-critical graphical elements only.
  • Ensure any text using #034078 has sufficient contrast against the background it is placed on, especially #000000.
  • This palette requires careful contrast checking for all text to meet accessibility standards due to its dark nature.

Recommended combinations

Deep Abyss

Ideal for a foundational dark background with primary content and a subtle, deep blue accent for highlights.

#000000 · #0A1128 · #034078

Current Layers

Creates a nuanced, layered dark blue effect, perfect for complex UI elements or subtle background textures.

#0A1128 · #001F54 · #01204E

Flowing Depth

Excellent for dramatic hero sections, combining the deepest darks with a slightly brighter blue for focus.

#000000 · #001F54 · #034078

CSS variables

:root {
  --abyssal-current-flow-2-1: #000000;
  --abyssal-current-flow-2-2: #0A1128;
  --abyssal-current-flow-2-3: #001F54;
  --abyssal-current-flow-2-4: #034078;
  --abyssal-current-flow-2-5: #01204E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-current-flow-2": {
        1: "#000000",
        2: "#0A1128",
        3: "#001F54",
        4: "#034078",
        5: "#01204E",
      }
    }
  }
}

Related searches

ultra dark blue palettedeep sea current colorsminimal dark mode schemeabyssal web design darksubtle navy blue palette

Palette colors

Hex values

Color 1#000000
·
Color 2#0A1128
·
Color 3#001F54
·
Color 4#034078
·
Color 5#01204E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
2:1Fail
1.3:1Fail
2
1.1:1Fail
1.2:1Fail
1.8:1Fail
1.2:1Fail
3
1.3:1Fail
1.2:1Fail
1.5:1Fail
1:1Fail
4
2:1Fail
1.8:1Fail
1.5:1Fail
1.5:1Fail
5
1.3:1Fail
1.2:1Fail
1:1Fail
1.5:1Fail

Similar palettes

More like Abyssal Current Flow

View all dark
Abyssal Luminous Flora
Abyssal Trench Mystery
Bioluminescent Abyss
Deep Ocean Trench
Deep Ocean Trench
Deep Sea Labyrinth