Palette

Deep Sea Thermal Vent

Dark, smoky purples and blues reflecting the eerie depths around an abyssal thermal vent.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1F1A2A#3E364A#6A5F7A#9B8EB3#15101F

Palette guide

How to use Deep Sea Thermal Vent

Overview

The Deep Sea Thermal Vent palette evokes the mysterious, smoky depths of the ocean floor, blending dark purples and muted blues. Featuring foundational shades like #15101F and #1F1A2A, it transitions through mid-tones such as #3E364A to lighter, ethereal accents like #9B8EB3. This collection is ideal for designers and developers seeking to create an atmosphere of intrigue, sophistication, or deep calm. Its dark, cool tones are perfect for interfaces, branding, or digital art that requires a sense of profoundness and subtle complexity.

Best used for

Luxury brand websites and apps
Sci-fi game UI and environments
Documentary film titles and graphics
Mysterious or avant-garde fashion branding
High-end tech product interfaces
Dark mode themes for creative applications

Suggested color roles

primary

#1F1A2A - A deep, smoky purple-black, excellent for main content areas or primary branding elements, setting a profound tone.

secondary

#3E364A - A rich, muted purple, perfect for secondary headers, navigation elements, or prominent graphical features.

accent

#9B8EB3 - A soft, pale lavender-grey, providing a subtle highlight for interactive elements, icons, or important notifications without being overly bright.

background

#15101F - The darkest, almost black shade, serving as a deep, immersive background for websites, applications, or digital art canvases.

text

#9B8EB3 - For primary body text on dark backgrounds, ensuring readability while maintaining the palette's cool, mysterious aesthetic. Alternatively, #6A5F7A for slightly less prominent text.

Accessibility notes

Ensure sufficient contrast between #9B8EB3 text and darker backgrounds like #15101F or #1F1A2A for WCAG AA compliance.
Avoid using #3E364A or #6A5F7A for small text against very dark backgrounds without careful contrast checking.
Use the lightest shade, #9B8EB3, for critical information or interactive elements to maximize visibility.
Consider a very light, near-white text for headers on the darkest backgrounds if the palette's lighter shades don't meet strict contrast requirements.

Recommended combinations

Deep & Muted

Ideal for layered backgrounds or subtle data visualizations where depth and understated elegance are key.

#15101F · #3E364A · #6A5F7A

Contrast & Highlight

Effective for primary content blocks, with #1F1A2A as background, #9B8EB3 for text, and #6A5F7A for secondary information.

#1F1A2A · #9B8EB3 · #6A5F7A

Mystic Gradient

Creates a smooth, dark gradient for hero sections or full-screen overlays, enhancing a sophisticated, mysterious mood.

#15101F · #1F1A2A · #3E364A

CSS variables

:root {
  --deep-sea-thermal-vent-1: #1F1A2A;
  --deep-sea-thermal-vent-2: #3E364A;
  --deep-sea-thermal-vent-3: #6A5F7A;
  --deep-sea-thermal-vent-4: #9B8EB3;
  --deep-sea-thermal-vent-5: #15101F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-thermal-vent": {
        1: "#1F1A2A",
        2: "#3E364A",
        3: "#6A5F7A",
        4: "#9B8EB3",
        5: "#15101F",
      }
    }
  }
}

Hex values

Color 1#1F1A2A

Color 2#3E364A

Color 3#6A5F7A

Color 4#9B8EB3

Color 5#15101F

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

5.6:1AA

1.1:1Fail

1.5:1Fail

1.9:1Fail

3.8:1AA18

1.6:1Fail

2.8:1Fail

1.9:1Fail

2:1Fail

3.1:1AA18

5.6:1AA

3.8:1AA18

2:1Fail

6.1:1AA

1.1:1Fail

1.6:1Fail

3.1:1AA18

6.1:1AA

Similar palettes

More like Deep Sea Thermal Vent

Abyssal Bioluminescence

Abyssal Bioluminescent Glow

Abyssal Coral Bloom