Back to palettes

Palette

Sunken Shipwreck Rust

Warm, earthy tones found in weathered wood and corroded metals of an ancient shipwreck.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F2F1D#7D4C2F#AE704B#DDA07B#3A2114

Palette guide

How to use Sunken Shipwreck Rust

Overview

This "Sunken Shipwreck Rust" palette presents a collection of warm, earthy browns and aged oranges, reminiscent of weathered wood and corroded metals found in ancient shipwrecks. The deep, almost black-brown #3A2114 provides a grounding base, while #4F2F1D and #7D4C2F offer rich, mid-range browns perfect for backgrounds or substantial UI elements. The lighter, more vibrant #AE704B and #DDA07B introduce a touch of warmth and highlight, mimicking sun-faded wood or tarnished copper. This palette is excellent for designers seeking a retro, authentic, or rugged aesthetic, providing a sense of history and natural decay without being dull. It's particularly effective for designs that require a strong, grounded, and inviting feel with a vintage touch.

Best used for

  • Retro gaming aesthetics
  • Artisan craft websites
  • Historic preservation branding
  • Coffee shop interiors
  • Outdoor adventure gear branding
  • Storytelling visual novels

Suggested color roles

primary

#4F2F1D or #7D4C2F for main content areas, providing a warm, inviting base.

secondary

#3A2114 for deep accents, footers, or borders to ground the design.

accent

#DDA07B serves as a bright, warm highlight for calls-to-action or interactive elements.

background

#4F2F1D offers a rich, deep background, while #3A2114 provides even greater depth.

text

For dark backgrounds, a light cream or off-white. For lighter elements like #DDA07B, a dark brown or black text.

Accessibility notes

  • Ensure sufficient contrast when using #AE704B for text on #7D4C2F.
  • #DDA07B offers good readability for dark text, making it suitable for headings or important information.
  • Avoid using #3A2114 and #4F2F1D for text/background combinations without rigorous contrast checking.
  • A light, desaturated white is recommended for text against the deepest browns like #3A2114.

Recommended combinations

Weathered Wood

Creates a deep, textured base for backgrounds or layered elements.

#3A2114 · #4F2F1D · #7D4C2F

Sun-Faded Accents

Ideal for a progression from mid-tone to bright, offering visual interest.

#7D4C2F · #AE704B · #DDA07B

Rustic Contrast

Provides a strong, warm contrast for a primary color with a bright accent and deep grounding.

#4F2F1D · #DDA07B · #3A2114

CSS variables

:root {
  --sunken-shipwreck-rust-1: #4F2F1D;
  --sunken-shipwreck-rust-2: #7D4C2F;
  --sunken-shipwreck-rust-3: #AE704B;
  --sunken-shipwreck-rust-4: #DDA07B;
  --sunken-shipwreck-rust-5: #3A2114;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-shipwreck-rust": {
        1: "#4F2F1D",
        2: "#7D4C2F",
        3: "#AE704B",
        4: "#DDA07B",
        5: "#3A2114",
      }
    }
  }
}

Related searches

vintage brown orange paletterustic retro colorsaged wood color schemewarm earthy toneshistoric shipwreck palette

Palette colors

Hex values

Color 1#4F2F1D
·
Color 2#7D4C2F
·
Color 3#AE704B
·
Color 4#DDA07B
·
Color 5#3A2114
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
5.3:1AA
1.2:1Fail
2
1.7:1Fail
1.8:1Fail
3.2:1AA18
2.1:1Fail
3
3:1Fail
1.8:1Fail
1.8:1Fail
3.7:1AA18
4
5.3:1AA
3.2:1AA18
1.8:1Fail
6.7:1AA
5
1.2:1Fail
2.1:1Fail
3.7:1AA18
6.7:1AA

Similar palettes

More like Sunken Shipwreck Rust

View all earth