Back to palettes

Palette

Deep Sea Hydrothermal

Explores the chilling depths of the ocean floor, where unique life thrives around fiery vents.

cooldark5 colors
More cool 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

#0A1B28#1E3F5F#3C729E#A3D8F5#7D0A0A

Palette guide

How to use Deep Sea Hydrothermal

Overview

The Deep Sea Hydrothermal palette explores the chilling depths of the ocean floor, where unique life thrives around fiery vents. This captivating collection, featuring a gradient of deep blues from #0A1B28 to #A3D8F5, is dramatically punctuated by the intense red #7D0A0A. It perfectly balances the cold mystery of the abyss with the stark warmth of volcanic activity. Designers can leverage these contrasts to create dynamic and visually arresting compositions, ideal for storytelling, environmental themes, or interfaces that demand a powerful emotional response. The interplay of cool and warm tones offers immense creative potential.

Best used for

  • Environmental documentaries or websites
  • Adventure game UI/UX design
  • Science museum exhibits and graphics
  • Dramatic digital art and illustrations
  • Outdoor gear or expedition branding
  • Abstract data visualization

Suggested color roles

primary

Use #0A1B28 as the dominant background color to set a deep, cool, and mysterious foundation.

secondary

Apply #1E3F5F for secondary content areas or larger graphic elements, offering a subtle shift from the primary dark blue.

accent

The vibrant #7D0A0A is perfect for high-impact calls to action, warnings, or to represent heat and danger. #A3D8F5 can be a cool accent.

background

A deep #0A1B28 provides an excellent canvas for showcasing the blues and the fiery red accent, creating dramatic depth.

text

For optimal readability, use crisp white or a very pale blue-gray (e.g., #F0F8FF) for text against the darker blues. #A3D8F5 can be used for headings.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter blues like #3C729E or #A3D8F5 on other blues.
  • The bright #7D0A0A should be used carefully for text; it may require a dark outline or larger font size for readability on some backgrounds.
  • Always check contrast ratios for all text and background combinations to meet WCAG AA standards.
  • Avoid using #7D0A0A as a primary text color on dark backgrounds due to potential readability issues for some users.

Recommended combinations

Abyssal Fire

Creates a dramatic scene with a dark background, a fiery accent, and a bright, cool highlight for key elements.

#0A1B28 · #7D0A0A · #A3D8F5

Depth & Light

Ideal for a layered blue gradient, suggesting depth and light filtering through water in UI backgrounds or illustrations.

#1E3F5F · #3C729E · #A3D8F5

Warning Contrast

Perfect for error messages, urgent alerts, or highlighting critical information within a dark blue theme.

#0A1B28 · #7D0A0A · #1E3F5F

CSS variables

:root {
  --deep-sea-hydrothermal-4-1: #0A1B28;
  --deep-sea-hydrothermal-4-2: #1E3F5F;
  --deep-sea-hydrothermal-4-3: #3C729E;
  --deep-sea-hydrothermal-4-4: #A3D8F5;
  --deep-sea-hydrothermal-4-5: #7D0A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-hydrothermal-4": {
        1: "#0A1B28",
        2: "#1E3F5F",
        3: "#3C729E",
        4: "#A3D8F5",
        5: "#7D0A0A",
      }
    }
  }
}

Related searches

deep ocean blue red palettehydrothermal vent color schemedark blue cool warm colorsmysterious marine paletteabyssal depths UI colors

Palette colors

Hex values

Color 1#0A1B28
·
Color 2#1E3F5F
·
Color 3#3C729E
·
Color 4#A3D8F5
·
Color 5#7D0A0A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.4:1AA18
11.4:1AAA
1.6:1Fail
2
1.6:1Fail
2.1:1Fail
7.1:1AAA
1:1Fail
3
3.4:1AA18
2.1:1Fail
3.3:1AA18
2.1:1Fail
4
11.4:1AAA
7.1:1AAA
3.3:1AA18
7.1:1AAA
5
1.6:1Fail
1:1Fail
2.1:1Fail
7.1:1AAA

Similar palettes

More like Deep Sea Hydrothermal

View all cool
Deep Sea Shimmer
Bioluminescent Abyss
Midnight Current Glimmer
Midnight Ocean Trench
Ocean Depths Echo
Abyssal Bioluminescence