Back to palettes

Palette

Deep Sea Volcanic Vent

Intense reds and deep blacks mirroring the fiery vents of the ocean floor.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0F0F#330000#660000#990000#CC0000

Palette guide

How to use Deep Sea Volcanic Vent

Overview

The Deep Sea Volcanic Vent palette captures the raw, intense power of underwater geological activity. This collection features a striking gradient of deep reds, from the almost-black #0F0F0F to the fiery #CC0000, reflecting molten rock against the abyssal dark. It is an exceptionally bold and dramatic palette, perfect for designers and developers aiming to convey urgency, passion, or a sense of danger and power. The strong contrast and warm, dark tones make it ideal for high-impact branding, immersive digital experiences, or projects that demand attention and intensity.

Best used for

  • Action game interfaces and branding
  • Warning systems or error messages
  • Heavy metal band aesthetics
  • Automotive or extreme sports branding
  • Dramatic film posters and promotional materials
  • High-impact web design elements

Suggested color roles

primary

#660000 - A deep, rich crimson, excellent for main headings, important buttons, or significant graphical elements, conveying strength and intensity.

secondary

#330000 - A very dark, blood-red, ideal for secondary backgrounds, subtle accents, or textured overlays, adding depth without overpowering.

accent

#CC0000 - A vibrant, fiery red, perfect for calls-to-action, alerts, or critical interactive elements that demand immediate attention.

background

#0F0F0F - The deepest, almost black shade, providing a stark, dramatic backdrop that makes the reds truly pop.

text

#CC0000 - For primary headings or critical information against the darkest backgrounds, ensuring high visibility and maintaining the fiery theme. A pure white or light grey could also be used for body text.

Accessibility notes

  • Ensure #CC0000 text on #0F0F0F or #330000 backgrounds meets WCAG AA contrast ratios, especially for small text.
  • Avoid using #330000 or #660000 for body text against #0F0F0F as contrast might be insufficient.
  • For large blocks of text, consider using a high-contrast neutral color like white or a very light grey against the darkest background.
  • Use the vibrant #CC0000 sparingly for accents to avoid visual fatigue, especially for users with color vision deficiencies.

Recommended combinations

Volcanic Core

Creates a powerful, gradient background for hero sections or full-screen overlays, suggesting molten depth.

#0F0F0F · #330000 · #660000

Fiery Warning

Ideal for alert messages, error states, or urgent calls-to-action, with #CC0000 as the primary warning color.

#0F0F0F · #CC0000 · #990000

Dramatic Emphasis

Useful for layered content panels, where #330000 is the base, #990000 highlights, and #660000 for secondary emphasis.

#330000 · #990000 · #660000

CSS variables

:root {
  --deep-sea-volcanic-vent-1: #0F0F0F;
  --deep-sea-volcanic-vent-2: #330000;
  --deep-sea-volcanic-vent-3: #660000;
  --deep-sea-volcanic-vent-4: #990000;
  --deep-sea-volcanic-vent-5: #CC0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-volcanic-vent": {
        1: "#0F0F0F",
        2: "#330000",
        3: "#660000",
        4: "#990000",
        5: "#CC0000",
      }
    }
  }
}

Related searches

dark red color schemevolcanic palette designfiery web colorsintense red brandingpower and danger palette

Palette colors

Hex values

Color 1#0F0F0F
·
Color 2#330000
·
Color 3#660000
·
Color 4#990000
·
Color 5#CC0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
2.1:1Fail
3.3:1AA18
2
1:1Fail
1.4:1Fail
2.1:1Fail
3.1:1AA18
3
1.4:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
4
2.1:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
3.3:1AA18
3.1:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Deep Sea Volcanic Vent

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