Back to palettes

Palette

Industrial Rust Patina

Earthy browns and metallics reflect the worn, textured beauty of rusted industrial materials and weathered steel.

darkminimal5 colors
More dark 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

#5C4033#8B4513#A0522D#C0C0C0#708090

Palette guide

How to use Industrial Rust Patina

Overview

The Industrial Rust Patina palette combines rich, earthy browns and oranges with cool, metallic grays, evoking the worn, textured beauty of rusted industrial materials and weathered steel. Deep browns like #5C4033 provide a robust foundation, while the vibrant #8B4513 and #A0522D inject the warmth of oxidized metal. The inclusion of #C0C0C0 (silver) and #708090 (slate gray) introduces a crucial metallic contrast, offering versatility for modern industrial designs. This palette is excellent for projects that aim to blend raw, organic textures with sleek, man-made elements, creating a balanced and sophisticated aesthetic.

Best used for

  • Modern industrial interior design concepts
  • Mixed-material product design branding
  • Architectural visualization with aged elements
  • Art installations or gallery websites
  • Urban exploration photography portfolios
  • Branding for workshops or artisan metalworkers

Suggested color roles

primary

#5C4033. This deep, rich brown acts as a grounding base for backgrounds, conveying a sense of aged material and warmth.

secondary

#708090. A cool slate gray perfect for secondary panels or structural elements, offering a strong contrast to the warm browns and mimicking steel.

accent

#A0522D. This vibrant rust orange is ideal for calls to action, highlights, or interactive elements, drawing attention with its warmth.

background

#5C4033. Use this deep brown as the main canvas to create a warm, textured environment, allowing the metallic grays and brighter rusts to stand out.

text

#C0C0C0. This light silver provides excellent readability for primary text on #5C4033 or #708090. For headings, consider pure white for maximum impact.

Accessibility notes

  • #C0C0C0 on #5C4033 or #708090 should meet WCAG AA for normal text, but always verify contrast ratios.
  • Ensure interactive elements using #A0522D have clear focus states, especially on similar warm backgrounds.
  • Avoid using #8B4513 or #A0522D for text on #5C4033 as contrast will likely be insufficient for readability.
  • The cool grays and warm rusts offer distinct visual separation, which can aid accessibility if used consistently for different element types.

Recommended combinations

Rust & Steel Base

Establishes a balanced industrial look: #5C4033 for background, #708090 for panels, #C0C0C0 for text.

#5C4033 · #708090 · #C0C0C0

Patina Highlight

Use #5C4033 as a deep base, #8B4513 for vibrant accents, and #C0C0C0 for clear, readable text.

#5C4033 · #8B4513 · #C0C0C0

Metallic Layers

Uses #708090 as a cool base, #A0522D for strong visual interest, and #C0C0C0 for legible details.

#708090 · #A0522D · #C0C0C0

CSS variables

:root {
  --industrial-rust-patina-2-1: #5C4033;
  --industrial-rust-patina-2-2: #8B4513;
  --industrial-rust-patina-2-3: #A0522D;
  --industrial-rust-patina-2-4: #C0C0C0;
  --industrial-rust-patina-2-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-rust-patina-2": {
        1: "#5C4033",
        2: "#8B4513",
        3: "#A0522D",
        4: "#C0C0C0",
        5: "#708090",
      }
    }
  }
}

Related searches

rust and gray color paletteindustrial metallic brownsweathered steel and rustmodern industrial color schemeearthy and cool palette

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
5.2:1AA
2.3:1Fail
2
1.3:1Fail
1.3:1Fail
3.9:1AA18
1.8:1Fail
3
1.7:1Fail
1.3:1Fail
3.1:1AA18
1.4:1Fail
4
5.2:1AA
3.9:1AA18
3.1:1AA18
2.2:1Fail
5
2.3:1Fail
1.8:1Fail
1.4:1Fail
2.2:1Fail

Similar palettes

More like Industrial Rust Patina

View all dark