Back to palettes

Palette

Abyssal Trench Creatures

An exploration of the deepest, darkest parts of the ocean, with mysterious, glowing accents.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abyssal Trench Creatures 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 Trench Creatures.

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

Data visualization

#000000#000B29#001D40#0A4F6B#3AB7B8

Palette guide

How to use Abyssal Trench Creatures

Overview

The Abyssal Trench Creatures palette is an exploration of the deepest, darkest parts of the ocean, with mysterious, glowing accents. This dark and intriguing collection transitions from the absolute #000000 (Black) and #000B29 (Very Dark Blue) to the profound #001D40 (Midnight Blue), punctuated by the vibrant #0A4F6B (Dark Cyan) and luminous #3AB7B8 (Medium Turquoise). Designers can leverage this palette to evoke a sense of wonder, mystery, and dynamic contrast, perfect for sci-fi interfaces, gaming environments, or captivating digital art. Developers will find these blues excellent for interactive elements, glowing indicators, and establishing clear visual hierarchy against the profound, dark backgrounds, ensuring a memorable and visually stunning user experience that hints at unseen life.

Best used for

  • Sci-fi game interfaces
  • Mysterious digital art
  • Deep ocean creature illustration
  • Dark mode UI with vibrant accents
  • Fantasy storytelling visuals
  • Underwater themed branding

Suggested color roles

primary

#000000 (Black) - The deepest, foundational shade for main backgrounds, content areas, or main structural elements, providing absolute darkness.

secondary

#000B29 (Very Dark Blue) - A slightly softer, yet still profound, blue for secondary panels, card backgrounds, or subtle dividers.

accent

#3AB7B8 (Medium Turquoise) - This vivid, luminous turquoise is perfect for glowing accents, interactive elements, or to highlight critical information.

background

#000000 (Black) or #000B29 (Very Dark Blue) - Creates an immersive dark canvas, allowing the vibrant accents to truly glow like bioluminescence.

text

White (#FFFFFF) or a very light grey (#F0F0F0) provides optimal contrast for readability against the dark blues. #3AB7B8 can be used for glowing headlines.

Accessibility notes

  • Ensure sufficient contrast when using #3AB7B8 for text, particularly against backgrounds lighter than #001D40.
  • The dark backgrounds require light text (white or light grey) for legibility; avoid using dark text on these shades.
  • Use #0A4F6B for accents or short, impactful phrases rather than large blocks of text to maintain readability.
  • Always test vibrant accents like #3AB7B8 on interactive elements to ensure they meet accessibility contrast standards.

Recommended combinations

Trench Depths

Ideal for creating a dark, mysterious background with subtle depth in UI or digital art, mimicking the ocean trench.

#000000 · #000B29 · #001D40

Creature Glow

Excellent for highlighting interactive elements, energy bars in games, or abstract patterns that need a vibrant, otherworldly pop.

#000B29 · #0A4F6B · #3AB7B8

Abyssal Light

Perfect for creating subtle depth and ethereal glows in illustrations, background elements, or data visualizations, suggesting bioluminescence.

#001D40 · #0A4F6B · #3AB7B8

CSS variables

:root {
  --abyssal-trench-creatures-1: #000000;
  --abyssal-trench-creatures-2: #000B29;
  --abyssal-trench-creatures-3: #001D40;
  --abyssal-trench-creatures-4: #0A4F6B;
  --abyssal-trench-creatures-5: #3AB7B8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abyssal-trench-creatures": {
        1: "#000000",
        2: "#000B29",
        3: "#001D40",
        4: "#0A4F6B",
        5: "#3AB7B8",
      }
    }
  }
}

Related searches

deep ocean creature colorsabyssal trench glow palettedark mysterious blue schemevibrant underwater designsci-fi black blue

Palette colors

Hex values

Color 1#000000
·
Color 2#000B29
·
Color 3#001D40
·
Color 4#0A4F6B
·
Color 5#3AB7B8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
2.3:1Fail
8.6:1AAA
2
1.1:1Fail
1.2:1Fail
2.2:1Fail
8:1AAA
3
1.2:1Fail
1.2:1Fail
1.9:1Fail
6.9:1AA
4
2.3:1Fail
2.2:1Fail
1.9:1Fail
3.7:1AA18
5
8.6:1AAA
8:1AAA
6.9:1AA
3.7:1AA18

Similar palettes

More like Abyssal Trench Creatures

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths
Abyssal Reef Shadow