Back to palettes

Palette

Tempestuous Sea Depths

A formidable palette representing the raw power of a storm-tossed sea and its mysterious, dark depths.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tempestuous Sea Depths 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 Tempestuous Sea Depths.

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

Data visualization

#101010#2F4F4F#4682B4#708090#00008B

Palette guide

How to use Tempestuous Sea Depths

Overview

The Tempestuous Sea Depths palette is a formidable collection representing the raw power of a storm-tossed sea and its mysterious, dark depths. Anchored by the absolute black of #101010 and the profound #00008B, it contrasts with the vibrant #4682B4 and the atmospheric #708090. This palette is ideal for designers and developers aiming for high-impact, dramatic, and luxurious aesthetics. Its intense, deep hues offer exceptional contrast and versatility, making it perfect for creating immersive dark mode experiences, powerful branding, and visually compelling digital art that evokes mystery and sophistication.

Best used for

  • Luxury and high-impact branding
  • Night mode interfaces and applications
  • Dramatic photography and art installations
  • High-tech and security-focused design
  • Abstract digital art and illustration
  • Editorial content with a dark, moody theme

Suggested color roles

primary

Utilize #101010 as the absolute primary color for backgrounds, large headers, or core branding, providing ultimate depth and sophistication.

secondary

Employ #00008B for supportive sections, subheadings, or secondary navigation, offering a powerful, deep blue contrast.

accent

Apply #4682B4 for vibrant, attention-grabbing accents, interactive elements, or to create focal points against darker tones.

background

Use #708090 for a lighter, atmospheric background, or #101010 for a truly immersive dark mode interface.

text

For dark backgrounds like #101010 or #00008B, use a near-white or #708090 for optimal readability. On lighter backgrounds, use #101010 or a dark charcoal.

Accessibility notes

  • Ensure near-white text on #101010 and #00008B backgrounds meets WCAG AAA contrast standards.
  • The vibrant #4682B4 will need careful contrast pairing; avoid placing it on #2F4F4F for small text.
  • Use #708090 cautiously as a text color on mid-tones; it may require larger font sizes for readability.
  • Always test accent color combinations to ensure they are discernible for all users.

Recommended combinations

Midnight Depths

A high-contrast combination of black, deep navy, and a vibrant steel blue, ideal for striking branding and dramatic interfaces.

#101010 · #00008B · #4682B4

Submerged Tones

Creates a blend of dark grey-green, blue, and mid-grey, suitable for layered backgrounds or subtle visual texture.

#2F4F4F · #4682B4 · #708090

Striking Contrast

Pairs black with a vibrant accent and a light grey, perfect for highlighting key information or creating impactful call-to-actions.

#101010 · #4682B4 · #708090

CSS variables

:root {
  --tempestuous-sea-depths-1: #101010;
  --tempestuous-sea-depths-2: #2F4F4F;
  --tempestuous-sea-depths-3: #4682B4;
  --tempestuous-sea-depths-4: #708090;
  --tempestuous-sea-depths-5: #00008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tempestuous-sea-depths": {
        1: "#101010",
        2: "#2F4F4F",
        3: "#4682B4",
        4: "#708090",
        5: "#00008B",
      }
    }
  }
}

Related searches

deep navy black palettestormy ocean dark modeluxury moody colorsdramatic sea hueshigh contrast blue grey

Palette colors

Hex values

Color 1#101010
·
Color 2#2F4F4F
·
Color 3#4682B4
·
Color 4#708090
·
Color 5#00008B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.6:1AA
4.7:1AA
1.2:1Fail
2
2.1:1Fail
2.2:1Fail
2.2:1Fail
1.7:1Fail
3
4.6:1AA
2.2:1Fail
1:1Fail
3.7:1AA18
4
4.7:1AA
2.2:1Fail
1:1Fail
3.8:1AA18
5
1.2:1Fail
1.7:1Fail
3.7:1AA18
3.8:1AA18

Similar palettes

More like Tempestuous Sea Depths

View all dark
Stormy Ocean Fury
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths