Palette

Abyssal Current Glide

A descent into the cool, silent depths of the ocean, transitioning from dark abyssal blues to lighter currents.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1C29#1C3A4F#3C6A8D#6DA5C9#ADCDE2

Palette guide

How to use Abyssal Current Glide

Overview

The Abyssal Current Glide palette offers a descent into the cool, silent depths of the ocean, transitioning from dark abyssal blues to lighter currents. Anchored by the profound #0A1C29 and flowing through the rich #1C3A4F and #3C6A8D, it cultivates an atmosphere of calm depth and mystery. The palette culminates in the tranquil #6DA5C9 and the ethereal #ADCDE2, mimicking diffused light in deep water. Designers can harness this spectrum for projects demanding a sophisticated, calm, and slightly mysterious aesthetic. Developers will find the gradual shift in luminance, especially with the bright #ADCDE2, excellent for creating clear visual hierarchies and readable content in dark-themed interfaces.

Best used for

Luxury brand identity
Environmental awareness campaigns
Art and photography showcases
High-end tech product interfaces
Calm and reflective digital spaces
Mysterious narrative game environments

Suggested color roles

primary

Use #1C3A4F for main content blocks and prominent visual elements, providing a solid, deep blue presence.

secondary

Apply #3C6A8D for secondary navigation, subheadings, or as a softer background for content sections, adding visual interest.

accent

Highlight interactive elements, calls to action, or key information with the tranquil #6DA5C9 to draw attention gently.

background

Set a deep, contemplative mood with #0A1C29, creating an expansive and mysterious backdrop.

text

For primary text, especially against darker hues, use #ADCDE2 to ensure excellent readability and a soft, luminous effect.

Accessibility notes

The lightest color, #ADCDE2, provides excellent contrast for text against all darker colors in the palette.
Avoid using #1C3A4F on #0A1C29 for small text due to insufficient contrast; reserve for large headings or graphical elements.
Ensure text using #3C6A8D or #6DA5C9 has adequate contrast, particularly on lighter backgrounds if used differently.
Always check contrast ratios for any text and background pairings, especially with the mid-tones.

Recommended combinations

Deep Descent

Ideal for foundational elements with primary content and a luminous, highly readable text or highlight.

#0A1C29 · #1C3A4F · #ADCDE2

Ocean Flow

Creates a harmonious blue gradient, perfect for layered UI components, charts, or subtle background animations.

#1C3A4F · #3C6A8D · #6DA5C9

Mystic Current

Excellent for hero sections that need a dark, mysterious base with soft, glowing accents and clear text.

#0A1C29 · #6DA5C9 · #ADCDE2

CSS variables

:root {
  --abyssal-current-glide-1: #0A1C29;
  --abyssal-current-glide-2: #1C3A4F;
  --abyssal-current-glide-3: #3C6A8D;
  --abyssal-current-glide-4: #6DA5C9;
  --abyssal-current-glide-5: #ADCDE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-current-glide": {
        1: "#0A1C29",
        2: "#1C3A4F",
        3: "#3C6A8D",
        4: "#6DA5C9",
        5: "#ADCDE2",
      }
    }
  }
}

Hex values

Color 1#0A1C29

Color 2#1C3A4F

Color 3#3C6A8D

Color 4#6DA5C9

Color 5#ADCDE2

Accessibility

Contrast checker

1.5:1Fail

3:1AA18

6.5:1AA

10.4:1AAA

1.5:1Fail

2.1:1Fail

4.5:1AA18

7.1:1AAA

3:1AA18

2.1:1Fail

2.2:1Fail

3.5:1AA18

6.5:1AA

4.5:1AA18

2.2:1Fail

1.6:1Fail

10.4:1AAA

7.1:1AAA

3.5:1AA18

1.6:1Fail

Similar palettes

More like Abyssal Current Glide

View all cool

Bioluminescent Abyss

Midnight Ocean Trench

Abyssal Bioluminescence

Cobalt Abyss Depths

Deep Ocean Bloom

Deep Ocean Currents