Back to palettes

Palette

Deep Sea Hydrothermal

Plunge into the abyssal depths with murky blues and touches of glowing, otherworldly greens and dark purples from hydrothermal vents.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#050C1A#1A2D3C#0A6A6A#4A0F6F#6A3A1A

Palette guide

How to use Deep Sea Hydrothermal

Overview

The Deep Sea Hydrothermal palette plunges into abyssal depths with murky blues and unexpected touches of glowing, otherworldly greens and dark purples, inspired by hydrothermal vents. This unique collection, featuring the profound #050C1A, the intriguing #0A6A6A, and the mysterious #4A0F6F, offers a dramatically moody and unconventional aesthetic. The inclusion of #1A2D3C and #6A3A1A adds earthy, almost metallic undertones, perfect for projects that require a truly distinctive and enigmatic visual identity. Designers can harness this palette to create powerful, memorable experiences that evoke both nature's raw power and its hidden wonders.

Best used for

  • Fantasy or horror game environments
  • Experimental art installations
  • Film title sequences or movie posters
  • Unique fashion editorial layouts
  • Science fiction book covers
  • Event branding for avant-garde themes

Suggested color roles

primary

Use #050C1A as a deep, encompassing background to set a dark, mysterious, and immersive tone for the design.

secondary

Apply #1A2D3C for larger content blocks or navigation, providing a slightly lighter, yet still deep, foundational layer.

accent

Highlight interactive elements or key visual features with #0A6A6A or #4A0F6F for a striking, bioluminescent-like effect.

background

The profound #050C1A serves as an excellent, almost black canvas, allowing the unique accent colors to truly glow.

text

Pair a crisp white or a very pale, cool gray (e.g., #F0F5F5) for primary text, ensuring maximum readability against the dark, complex backgrounds.

Accessibility notes

  • Extreme caution is needed for text contrast, especially when placing #6A3A1A on #1A2D3C or similar dark shades.
  • The vibrant accents like #0A6A6A and #4A0F6F should be reserved for larger text or graphical elements to ensure visibility.
  • Always use a contrast checker for all text and background combinations to confirm WCAG AA compliance.
  • Consider providing alternative text styles for users who may struggle with the nuanced dark tones and vibrant accents.

Recommended combinations

Vent Core

Creates a dramatic dark base with glowing, contrasting accents perfect for highlighting focal points.

#050C1A · #0A6A6A · #4A0F6F

Abyssal Earth

Ideal for establishing layered backgrounds with an earthy, murky feel, providing subtle depth.

#050C1A · #1A2D3C · #6A3A1A

Mystic Glow

Perfect for UI elements that need to pop, such as buttons or icons, against a slightly lighter dark background.

#1A2D3C · #0A6A6A · #4A0F6F

CSS variables

:root {
  --deep-sea-hydrothermal-3-1: #050C1A;
  --deep-sea-hydrothermal-3-2: #1A2D3C;
  --deep-sea-hydrothermal-3-3: #0A6A6A;
  --deep-sea-hydrothermal-3-4: #4A0F6F;
  --deep-sea-hydrothermal-3-5: #6A3A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-hydrothermal-3": {
        1: "#050C1A",
        2: "#1A2D3C",
        3: "#0A6A6A",
        4: "#4A0F6F",
        5: "#6A3A1A",
      }
    }
  }
}

Related searches

dark mysterious ocean palettehydrothermal vent color schemebioluminescent deep sea colorsmoody blue green purple paletteenigmatic dark branding colors

Palette colors

Hex values

Color 1#050C1A
·
Color 2#1A2D3C
·
Color 3#0A6A6A
·
Color 4#4A0F6F
·
Color 5#6A3A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.1:1AA18
1.5:1Fail
2.1:1Fail
2
1.4:1Fail
2.2:1Fail
1.1:1Fail
1.5:1Fail
3
3.1:1AA18
2.2:1Fail
2.1:1Fail
1.5:1Fail
4
1.5:1Fail
1.1:1Fail
2.1:1Fail
1.4:1Fail
5
2.1:1Fail
1.5:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Deep Sea Hydrothermal

View all dark
Deep Sea Lumina
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths