Back to palettes

Palette

Shipwreck Relic Deep

Dark, earthy tones of corroded metal and submerged wood, revealing the secrets of an ancient shipwreck.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shipwreck Relic Deep 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 Shipwreck Relic Deep.

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

Data visualization

#5C4033#8B4513#708090#2F4F4F#A0522D

Palette guide

How to use Shipwreck Relic Deep

Overview

The Shipwreck Relic Deep palette delves into a world of submerged mystery, combining rich, earthy browns with muted, deep blues and greys. Colors like the dark #5C4033 and rustic #8B4513 evoke ancient wood and corroded metals, complemented by the cool, somber #708090 slate grey and the profound #2F4F4F dark slate grey. The addition of #A0522D, a reddish-brown, offers a hint of warmth and aged patina. This palette is ideal for projects that require a sense of history, ruggedness, or a touch of dark, intriguing elegance, perfect for storytelling or atmospheric branding.

Best used for

  • Dark mode interfaces
  • Historical game design assets
  • Rustic or industrial interior design
  • Branding for artisan crafts or distilleries
  • Mysterious themed websites or blogs
  • Packaging for vintage-inspired products

Suggested color roles

primary

Use #2F4F4F for main headings or background sections, providing a strong, deep foundation.

secondary

Apply #5C4033 or #8B4513 for subheadings, navigation, or content panels, adding earthy texture.

accent

#A0522D can provide a subtle, warm accent for highlights or interactive elements, suggesting aged metal.

background

#708090 or a slightly lighter tone from the palette can serve as a muted background for content, or use a dark charcoal.

text

For body text, a light off-white or very pale grey is crucial for readability against these deep colors. #708090 can be used for text on #2F4F4F for subtle contrast.

Accessibility notes

  • All the deep colors will require very light text (white, near-white) to meet contrast standards.
  • Avoid using any of the brown tones as text on the grey/blue tones without significant contrast testing.
  • Ensure interactive elements have clear visual feedback, as color changes might be subtle within this deep palette.
  • For small text, a pure white on #2F4F4F or #5C4033 will be the most legible.

Recommended combinations

Sunken Wood

Ideal for creating a moody, aged feel in branding or headers.

#2F4F4F · #5C4033 · #A0522D

Metal & Rust

Effective for backgrounds and accents, evoking corroded metal and rust.

#708090 · #8B4513 · #A0522D

Deep Relic

Useful for dark mode UI, offering subtle depth and readability.

#2F4F4F · #708090 · #5C4033

CSS variables

:root {
  --shipwreck-relic-deep-1: #5C4033;
  --shipwreck-relic-deep-2: #8B4513;
  --shipwreck-relic-deep-3: #708090;
  --shipwreck-relic-deep-4: #2F4F4F;
  --shipwreck-relic-deep-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shipwreck-relic-deep": {
        1: "#5C4033",
        2: "#8B4513",
        3: "#708090",
        4: "#2F4F4F",
        5: "#A0522D",
      }
    }
  }
}

Related searches

dark rustic color schememysterious deep ocean colorsindustrial brown grey palettevintage shipwreck aestheticearthy dark mode colors

Palette colors

Hex values

Color 1#5C4033
·
Color 2#8B4513
·
Color 3#708090
·
Color 4#2F4F4F
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
1.1:1Fail
1.7:1Fail
2
1.3:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
3
2.3:1Fail
1.8:1Fail
2.2:1Fail
1.4:1Fail
4
1.1:1Fail
1.3:1Fail
2.2:1Fail
1.6:1Fail
5
1.7:1Fail
1.3:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Shipwreck Relic Deep

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