Back to palettes

Palette

Deep Sea Serpent

Explores the mysterious depths of the ocean, with intense blues and shadowy teals, hinting at unknown creatures.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0B2F45#1B5D7C#3C8CB5#6ABFD9#081F2F

Palette guide

How to use Deep Sea Serpent

Overview

The Deep Sea Serpent palette explores the mysterious depths of the ocean, with intense blues and shadowy teals, hinting at unknown creatures. From the profound #081F2F to the lighter #6ABFD9, this collection offers a captivating and enigmatic aesthetic, perfect for designs that aim to convey mystery, adventure, or a sense of thrilling exploration. The harmonious progression of shades like #0B2F45, #1B5D7C, and #3C8CB5 allows for seamless visual flow and the creation of immersive, layered backgrounds. Designers can leverage this palette to evoke intrigue, power, or a captivating sense of escapism, making it highly versatile for various applications.

Best used for

  • Adventure or fantasy game branding
  • Mystery novel covers and illustrations
  • Deep-sea exploration documentary graphics
  • Dark mode UI themes for creative apps
  • Luxury brand websites with a mysterious edge
  • Event branding for dramatic themes

Suggested color roles

primary

Use #081F2F as the dominant background or primary brand color to establish a deep, powerful, and mysterious foundation.

secondary

Apply #0B2F45 for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual structure.

accent

Highlight interactive elements, calls to action, or key visual features with #6ABFD9, providing a soft yet clear contrast.

background

The profound #081F2F creates an excellent, almost black canvas, ensuring content stands out with optimal readability for light text.

text

For primary text, use crisp white or a very pale blue-gray (e.g., #F0F8FF) on dark backgrounds. #3C8CB5 can be used for secondary text on darker blues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #3C8CB5 on #1B5D7C or similar dark shades.
  • The subtle differences between the darker shades might not provide enough contrast for functional elements; use them primarily for aesthetic depth.
  • Always check text and background color combinations against WCAG guidelines for readability, especially for small font sizes.
  • Consider using a slightly brighter white for text to enhance visibility against the darkest blues like #081F2F and #0B2F45.

Recommended combinations

Serpent Depths

Creates a strong dark base with a soft, ethereal highlight for headings or important UI elements, evoking mystery.

#081F2F · #0B2F45 · #6ABFD9

Enigmatic Gradient

Ideal for seamless background transitions, subtle hover effects, or progressive disclosure in user interfaces.

#0B2F45 · #1B5D7C · #3C8CB5

Abyssal Power

Perfect for a very dark background, a mid-tone for secondary content, and a lighter shade for key information or outlines.

#081F2F · #3C8CB5 · #1B5D7C

CSS variables

:root {
  --deep-sea-serpent-1: #0B2F45;
  --deep-sea-serpent-2: #1B5D7C;
  --deep-sea-serpent-3: #3C8CB5;
  --deep-sea-serpent-4: #6ABFD9;
  --deep-sea-serpent-5: #081F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-serpent": {
        1: "#0B2F45",
        2: "#1B5D7C",
        3: "#3C8CB5",
        4: "#6ABFD9",
        5: "#081F2F",
      }
    }
  }
}

Related searches

deep blue serpent palettemysterious ocean color schemedark blue teal designabyssal marine UI designfantasy deep sea colors

Palette colors

Hex values

Color 1#0B2F45
·
Color 2#1B5D7C
·
Color 3#3C8CB5
·
Color 4#6ABFD9
·
Color 5#081F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
6.7:1AA
1.2:1Fail
2
1.9:1Fail
1.9:1Fail
3.5:1AA18
2.3:1Fail
3
3.7:1AA18
1.9:1Fail
1.8:1Fail
4.5:1AA18
4
6.7:1AA
3.5:1AA18
1.8:1Fail
8.1:1AAA
5
1.2:1Fail
2.3:1Fail
4.5:1AA18
8.1:1AAA

Similar palettes

More like Deep Sea Serpent

View all dark
Bioluminescent Deep Trench
Deep Ocean Caverns
Deep Sea Explorer
Deep Sea Odyssey
Ocean Trench Secrets
Quiet Ocean Floor