Palette

Industrial Rust Patina

Weathered browns and deep rusts tell a story of time and exposure, reminiscent of aged industrial metals.

earthdark5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Industrial Rust Patina 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 Industrial Rust Patina.

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

Data visualization

#5C321D#8B4513#B86E3C#D4A27E#3A1E0D

Palette guide

How to use Industrial Rust Patina

Overview

The Industrial Rust Patina palette tells a story of time and exposure through its rich array of weathered browns and deep rusts. From the darkest, almost burnt umber #3A1E0D to the warm, inviting #D4A27E, this collection embodies the rugged beauty of aged industrial metals. The core rust tones of #5C321D, #8B4513, and #B86E3C provide depth and versatility for various design applications. This palette is excellent for creating a grounded, authentic, and warm aesthetic, perfect for brands that wish to convey durability, craftsmanship, or a connection to historical industrial heritage. Developers can use it to build immersive, texture-rich digital environments.

Best used for

Rustic or heritage-themed websites
Branding for artisanal crafts or workshops
Environmental graphics for historical sites
Packaging for organic or natural products
Game design for ancient or post-apocalyptic settings
Interior design with a focus on natural materials

Suggested color roles

primary

#3A1E0D. This exceptionally deep, dark brown serves as a powerful, grounding background, evoking aged wood or deeply rusted iron.

secondary

#5C321D. A rich, dark brown perfect for secondary panels, cards, or borders, providing subtle layering against the primary background.

accent

#B86E3C. This warmer, brighter rust orange is ideal for calls to action, highlights, or interactive elements, drawing the eye effectively.

background

#3A1E0D. An excellent choice for the main canvas, creating a deep, immersive, and warm environment that emphasizes the palette's aged character.

text

#D4A27E. This lightest, warm beige-orange provides good readability for primary text on #3A1E0D or #5C321D. For headings, consider a very light cream or off-white.

Accessibility notes

#D4A27E on #3A1E0D or #5C321D offers good contrast for large text; verify for small body text to ensure WCAG AA compliance.
Ensure interactive elements using #B86E3C have distinct hover and focus states against similar warm backgrounds.
Avoid using #8B4513 or #5C321D for text on #3A1E0D, as contrast will be insufficient.
The palette's warmth can be challenging for contrast; consider using a very light, desaturated cream for crucial text elements.

Recommended combinations

Deep Aged Base

Forms a strong, aged UI: #3A1E0D for background, #5C321D for panels, #D4A27E for primary text.

#3A1E0D · #5C321D · #D4A27E

Rustic Layers

Creates depth with rust tones: #5C321D as base, #8B4513 for details, #B86E3C for highlights.

#5C321D · #8B4513 · #B86E3C

Warm Highlight

Use #3A1E0D as a deep canvas, #B86E3C for prominent accents, and #D4A27E for clear headings.

#3A1E0D · #B86E3C · #D4A27E

CSS variables

:root {
  --industrial-rust-patina-3-1: #5C321D;
  --industrial-rust-patina-3-2: #8B4513;
  --industrial-rust-patina-3-3: #B86E3C;
  --industrial-rust-patina-3-4: #D4A27E;
  --industrial-rust-patina-3-5: #3A1E0D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-rust-patina-3": {
        1: "#5C321D",
        2: "#8B4513",
        3: "#B86E3C",
        4: "#D4A27E",
        5: "#3A1E0D",
      }
    }
  }
}

Hex values

Color 1#5C321D

Color 2#8B4513

Color 3#B86E3C

Color 4#D4A27E

Color 5#3A1E0D

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

4.8:1AA

1.4:1Fail

1.5:1Fail

1.8:1Fail

3.1:1AA18

2.2:1Fail

2.8:1Fail

1.8:1Fail

1.7:1Fail

3.9:1AA18

4.8:1AA

3.1:1AA18

1.7:1Fail

6.8:1AA

1.4:1Fail

2.2:1Fail

3.9:1AA18

6.8:1AA

Similar palettes

More like Industrial Rust Patina

View all earth

Industrial Forge Ember

Moonlit Desert Sands

Sunken Pirate Galleon

Sunken Shipwreck Rust

Ancient Relic Stone

Deep Forest Canopy