Back to palettes

Palette

Rust Belt Foundry

Deep, rich browns and oranges reflecting the worn, oxidized metals and stoic strength of an old industrial foundry.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rust Belt Foundry 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 Rust Belt Foundry.

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

Data visualization

#5D3728#8B4D33#C06B49#E3997A#3B241A

Palette guide

How to use Rust Belt Foundry

Overview

The Rust Belt Foundry palette embodies the stoic strength and weathered beauty of an old industrial space, featuring deep, rich browns and oxidized oranges. This dark and rugged collection is anchored by the profound #3B241A, a near-black coffee tone, and the deep russet of #5D3728. It transitions through the robust #8B4D33 and the warm, inviting #C06B49, culminating in the softer, faded #E3997A, which suggests aged copper or worn brick. Ideal for designers and developers seeking to evoke a sense of heritage, durability, and raw authenticity, this palette is excellent for creating impactful branding, sophisticated web interfaces, or atmospheric digital art that leans into a dark, industrial, and earthy aesthetic.

Best used for

  • High-end industrial product branding
  • Dark mode UI for technical applications
  • Craft brewery or distillery websites
  • Photography portfolios with a moody aesthetic
  • Luxury men's accessories e-commerce
  • Architectural or historical preservation projects

Suggested color roles

primary

#5D3728 - A deep, commanding brown that works well as a dominant background or for significant visual elements, establishing a strong, serious tone.

secondary

#8B4D33 - This rich russet is perfect for subheadings, content sections, or secondary calls-to-action, adding warmth without losing depth.

accent

#C06B49 - A brighter, yet still earthy, orange-brown that can highlight interactive elements, key data, or provide a necessary pop of warmth.

background

#3B241A - The darkest shade, ideal for a deep, absorbing background that makes lighter elements glow, enhancing the dark, moody atmosphere.

text

A light cream or white. For dark backgrounds like #3B241A or #5D3728, a crisp off-white is crucial for readability. For lighter elements, #3B241A or black can be used.

Accessibility notes

  • When using #3B241A or #5D3728 as backgrounds, ensure text is a light, high-contrast color like white or a very light cream.
  • #E3997A offers good contrast with the darkest colors for headlines but might need extra contrast for body text.
  • Avoid using #E3997A for small text against #C06B49 due to insufficient contrast.
  • Always test color combinations with accessibility tools, especially for interactive elements.

Recommended combinations

Deep Forge

Creates a very dark, sophisticated, and rugged base, perfect for headers, footers, or high-impact, moody backgrounds.

#3B241A · #5D3728 · #8B4D33

Molten Glow

Offers a warmer, more inviting contrast against darker elements, ideal for showcasing product details or featured content.

#C06B49 · #E3997A · #5D3728

Patina Effect

Suitable for secondary information or UI elements, providing a weathered look with good readability against a dark backdrop.

#8B4D33 · #E3997A · #3B241A

CSS variables

:root {
  --rust-belt-foundry-1: #5D3728;
  --rust-belt-foundry-2: #8B4D33;
  --rust-belt-foundry-3: #C06B49;
  --rust-belt-foundry-4: #E3997A;
  --rust-belt-foundry-5: #3B241A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rust-belt-foundry": {
        1: "#5D3728",
        2: "#8B4D33",
        3: "#C06B49",
        4: "#E3997A",
        5: "#3B241A",
      }
    }
  }
}

Related searches

dark industrial paletterugged rust colorsfoundry aesthetic designearthy metal tonesheritage brown orange

Palette colors

Hex values

Color 1#5D3728
·
Color 2#8B4D33
·
Color 3#C06B49
·
Color 4#E3997A
·
Color 5#3B241A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.5:1AA18
1.4:1Fail
2
1.6:1Fail
1.7:1Fail
2.8:1Fail
2.2:1Fail
3
2.7:1Fail
1.7:1Fail
1.7:1Fail
3.7:1AA18
4
4.5:1AA18
2.8:1Fail
1.7:1Fail
6.3:1AA
5
1.4:1Fail
2.2:1Fail
3.7:1AA18
6.3:1AA

Similar palettes

More like Rust Belt Foundry

View all dark