Back to palettes

Palette

Deep Sea Hydrothermal

Dark, brooding greys capture the somber yet mysterious environment of a deep-sea hydrothermal vent.

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

#1F1F2E#3A3A4D#5A5A70#808092#A6A6B4

Palette guide

How to use Deep Sea Hydrothermal

Overview

The Deep Sea Hydrothermal palette offers a sophisticated range of dark, brooding greys, capturing the somber yet mysterious environment of deep-sea vents. This collection, anchored by the deep #1F1F2E and progressing to the lighter #A6A6B4, provides a versatile foundation for projects that require a sense of calm, professionalism, or understated elegance. The subtle shifts between #3A3A4D, #5A5A70, and #808092 allow for nuanced visual layering, making it ideal for creating depth without harsh contrasts. Designers can leverage this palette to convey stability and modernity, perfect for interfaces where clarity and a refined aesthetic are paramount.

Best used for

  • Corporate websites and professional portfolios
  • Tech product interfaces (UI/UX)
  • Architectural or industrial design presentations
  • Minimalist branding and packaging
  • Science and research-themed digital content
  • Photography and art exhibition catalogs

Suggested color roles

primary

Use #1F1F2E as the main background or dominant color to establish a sleek, professional, and profound base.

secondary

Apply #3A3A4D for section dividers, navigation, or secondary content areas, maintaining a consistent dark tone.

accent

Highlight subtle interactive elements or key data points with #A6A6B4, offering a soft contrast without being overly bright.

background

The deep #1F1F2E provides a solid, unobtrusive backdrop, ensuring focus remains on content with excellent readability for light text.

text

For maximum readability, use white or a very light gray (e.g., #F5F5F5) for primary text. #808092 can be used for subtle secondary text.

Accessibility notes

  • Ensure sufficient contrast when using #808092 or #A6A6B4 for text on darker backgrounds; large text is often safer.
  • The subtle variations 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 greys like #1F1F2E.

Recommended combinations

Vent Depths

Great for establishing a dark base with a subtle lighter accent for headers or important information.

#1F1F2E · #3A3A4D · #A6A6B4

Grey Gradient

Ideal for seamless background transitions, subtle hover effects, or progress bars in minimalist interfaces.

#3A3A4D · #5A5A70 · #808092

Refined Contrast

Use for a sophisticated dark background, light text, and a mid-tone for secondary UI elements or outlines.

#1F1F2E · #A6A6B4 · #5A5A70

CSS variables

:root {
  --deep-sea-hydrothermal-2-1: #1F1F2E;
  --deep-sea-hydrothermal-2-2: #3A3A4D;
  --deep-sea-hydrothermal-2-3: #5A5A70;
  --deep-sea-hydrothermal-2-4: #808092;
  --deep-sea-hydrothermal-2-5: #A6A6B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-hydrothermal-2": {
        1: "#1F1F2E",
        2: "#3A3A4D",
        3: "#5A5A70",
        4: "#808092",
        5: "#A6A6B4",
      }
    }
  }
}

Related searches

dark grey color palettehydrothermal vent colorsprofessional grey schememysterious cool greyminimalist UI grey tones

Palette colors

Hex values

Color 1#1F1F2E
·
Color 2#3A3A4D
·
Color 3#5A5A70
·
Color 4#808092
·
Color 5#A6A6B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4.2:1AA18
6.8:1AA
2
1.5:1Fail
1.7:1Fail
2.9:1Fail
4.6:1AA
3
2.4:1Fail
1.7:1Fail
1.7:1Fail
2.8:1Fail
4
4.2:1AA18
2.9:1Fail
1.7:1Fail
1.6:1Fail
5
6.8:1AA
4.6:1AA
2.8:1Fail
1.6:1Fail

Similar palettes

More like Deep Sea Hydrothermal

View all dark
Abyssal Coral Bloom
Abyssal Coral Bloom
Abyssal Vent Minerals
Deep Sea Cavern
Deep Sea Challenger
Deep Sea Luminescence