Back to palettes

Palette

Deep Abyss Current

Explores the enigmatic depths of the ocean, where sunlight barely reaches, hinting at hidden wonders.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#191970#4169E1#6A5ACD#8A2BE2

Palette guide

How to use Deep Abyss Current

Overview

The Deep Abyss Current palette explores the enigmatic depths of the ocean, where sunlight barely reaches, hinting at hidden wonders. This mysterious collection transitions from the profound navy #000080 and #191970, through a vibrant electric blue #4169E1, to the rich purples of #6A5ACD and #8A2BE2. Designers and developers can utilize these captivating hues to create immersive digital experiences, intriguing brand identities, or atmospheric visual projects. Its blend of deep blues and purples evokes a sense of mystery, depth, and sophistication, perfect for projects that aim to convey a powerful, otherworldly, or technologically advanced aesthetic.

Best used for

  • Sci-fi or fantasy game interfaces
  • Deep-sea exploration documentaries
  • Tech and cybersecurity branding
  • Nightlife and entertainment promotions
  • Abstract digital art
  • Mystery novel covers or websites

Suggested color roles

primary

#191970 - A deep, dark navy blue that serves as a powerful primary color, ideal for backgrounds, main sections, or brand identity, conveying mystery and stability.

secondary

#4169E1 - A vibrant, electric blue, excellent for secondary calls to action, subheadings, or to introduce a dynamic element and visual interest.

accent

#8A2BE2 - This rich, luminous violet provides a striking accent, perfect for interactive elements, hover states, or to highlight key information with a touch of magic.

background

#000080 - A very deep, classic navy blue, ideal for creating immersive and dramatic backgrounds that make brighter blues and purples truly stand out.

text

#6A5ACD - A muted blue-purple, suitable for subtle decorative text on very dark backgrounds. For primary text on #000080 or #191970, white or a very light gray is essential for readability.

Accessibility notes

  • White or very light gray text on #000080, #191970, and #6A5ACD will provide excellent contrast and readability.
  • Avoid using #6A5ACD or #8A2BE2 for text on #4169E1 as contrast may be insufficient.
  • The vibrant #4169E1 and #8A2BE2 offer good contrast for dark text (e.g., #000080) when used as backgrounds for smaller, distinct elements.
  • Ensure interactive elements are clearly distinguishable, possibly by using different shades or adding icons.

Recommended combinations

Abyssal Glow

#000080 as a deep background, #4169E1 for dynamic elements, and #8A2BE2 for glowing accents.

#000080 · #4169E1 · #8A2BE2

Deep Currents

Ideal for creating a smooth, mysterious gradient or layered effect, mimicking ocean depths.

#191970 · #6A5ACD · #4169E1

Mystic Contrast

#000080 for grounding, #8A2BE2 for strong, magical highlights, and #191970 for supporting details.

#000080 · #8A2BE2 · #191970

CSS variables

:root {
  --deep-abyss-current-2-1: #000080;
  --deep-abyss-current-2-2: #191970;
  --deep-abyss-current-2-3: #4169E1;
  --deep-abyss-current-2-4: #6A5ACD;
  --deep-abyss-current-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-abyss-current-2": {
        1: "#000080",
        2: "#191970",
        3: "#4169E1",
        4: "#6A5ACD",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

deep ocean color palettemysterious blue purple schemedark mystical colorstech abstract designvibrant deep blues

Palette colors

Hex values

Color 1#000080
·
Color 2#191970
·
Color 3#4169E1
·
Color 4#6A5ACD
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.3:1AA18
3:1AA18
2.7:1Fail
2
1.1:1Fail
3.1:1AA18
2.8:1Fail
2.5:1Fail
3
3.3:1AA18
3.1:1AA18
1.1:1Fail
1.2:1Fail
4
3:1AA18
2.8:1Fail
1.1:1Fail
1.1:1Fail
5
2.7:1Fail
2.5:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Deep Abyss Current

View all dark
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Midnight Reef