Back to palettes

Palette

Sunken Shipwreck Mystery

Deep, muted blues and greys evoke the eerie silence and hidden treasures of a forgotten shipwreck at the bottom of the sea.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunken Shipwreck Mystery 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 Sunken Shipwreck Mystery.

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

Data visualization

#2C3E50#34495E#5D6D7E#85929E#ABB2B9

Palette guide

How to use Sunken Shipwreck Mystery

Overview

The "Sunken Shipwreck Mystery" palette is a deep, muted collection perfect for conveying solemnity and intrigue. Designers can leverage the rich, dark blue-grey of #2C3E50 as a foundational primary, complemented by the slightly lighter #34495E for depth. The mid-tones like #5D6D7E and #85929E offer excellent versatility for secondary elements and UI components, providing subtle visual breaks without losing the dark mood. For accents or legible text against darker backgrounds, the very light #ABB2B9 provides crucial contrast, ensuring readability and a touch of ethereal lightness. This palette is ideal for projects requiring a sophisticated, mysterious, or serious aesthetic, offering a harmonious blend of cool, deep tones that evoke forgotten depths and hidden stories. Its versatility makes it suitable for both digital and print applications where a subdued yet impactful presence is desired.

Best used for

  • Dark mode UI themes
  • Mystery game interfaces
  • Corporate dashboards with a serious tone
  • Documentary film branding
  • Luxury product packaging
  • Sci-fi concept art

Suggested color roles

primary

Use #2C3E50 for dominant backgrounds or large visual blocks, setting a profound, mysterious base.

secondary

Employ #34495E for secondary panels, cards, or significant sections to add subtle variation and depth.

accent

#ABB2B9 works beautifully for highlights, interactive elements, or small icon details against the darker tones.

background

#2C3E50 provides a deep, immersive background, while #34495E can be used for slightly lighter sections.

text

For dark backgrounds, #ABB2B9 ensures excellent readability. For lighter elements like #85929E, a dark charcoal or black text might be suitable.

Accessibility notes

  • Ensure sufficient contrast when using lighter colors like #ABB2B9 for text on dark backgrounds like #2C3E50 (excellent).
  • Test text readability of #85929E on #5D6D7E, as contrast might be low for small text.
  • Use #ABB2B9 for critical information or interactive elements to maximize visibility against darker shades.
  • Avoid using #2C3E50 and #34495E directly adjacent for text/background without checking contrast ratios.

Recommended combinations

Deep Ocean Base

Ideal for establishing a primary dark theme with a clear, light text contrast.

#2C3E50 · #34495E · #ABB2B9

Subtle Gradient

Creates a smooth, atmospheric transition for backgrounds or layered UI elements.

#34495E · #5D6D7E · #85929E

Highlight & Depth

Effective for a dark background, a mid-tone element, and a striking accent.

#2C3E50 · #85929E · #ABB2B9

CSS variables

:root {
  --sunken-shipwreck-mystery-1: #2C3E50;
  --sunken-shipwreck-mystery-2: #34495E;
  --sunken-shipwreck-mystery-3: #5D6D7E;
  --sunken-shipwreck-mystery-4: #85929E;
  --sunken-shipwreck-mystery-5: #ABB2B9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-shipwreck-mystery": {
        1: "#2C3E50",
        2: "#34495E",
        3: "#5D6D7E",
        4: "#85929E",
        5: "#ABB2B9",
      }
    }
  }
}

Related searches

dark blue grey color schememysterious UI palettedeep ocean brand colorssolemn website designcool grey blue tones

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#34495E
·
Color 3#5D6D7E
·
Color 4#85929E
·
Color 5#ABB2B9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
3.5:1AA18
5.1:1AA
2
1.2:1Fail
1.7:1Fail
2.9:1Fail
4.3:1AA18
3
2.1:1Fail
1.7:1Fail
1.7:1Fail
2.5:1Fail
4
3.5:1AA18
2.9:1Fail
1.7:1Fail
1.5:1Fail
5
5.1:1AA
4.3:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Sunken Shipwreck Mystery

View all dark
Abyssal Trench Mystery
Bioluminescent Deep Trench
Dark Sea Onyx
Deep Ocean Abyssal
Deep Ocean Caverns
Deep Sea Explorer