Palette

Industrial Pipe Rust

A gritty, textural palette inspired by the rich, warm hues of rust on old industrial pipes.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B07C5D#8C4E3D#6B3A2C#C58D6E#5A3A2C

Palette guide

How to use Industrial Pipe Rust

Overview

The Industrial Pipe Rust palette captures the rich, weathered beauty of oxidized metals, offering a warm and gritty aesthetic. Its range of earthy browns and deep rusts, from the lighter #C58D6E and #B07C5D to the profound #8C4E3D, #6B3A2C, and #5A3A2C, provides a strong, textural foundation. This palette is ideal for evoking a sense of heritage, durability, and raw authenticity. Designers can leverage its depth for branding that aims for an artisanal, rugged, or vintage industrial feel. Developers will find it excellent for creating unique digital experiences where warmth and a connection to natural, aged materials are desired, moving beyond sterile interfaces.

Best used for

Vintage industrial branding and packaging
Rustic interior design concepts
Artisan product websites (e.g., leather goods, handcrafted items)
Historical or heritage-themed digital content
Game environments (post-apocalyptic, steampunk)
Craft brewery or distillery branding

Suggested color roles

primary

#6B3A2C. This deep, rich rust brown serves as an excellent foundational color for backgrounds or large design elements, conveying warmth and solidity.

secondary

#8C4E3D. A slightly lighter, yet still deep, rust tone perfect for panels, cards, or secondary content blocks, providing depth against the primary.

accent

#B07C5D. Use this vibrant, coppery rust for calls to action, highlights, or interactive elements to draw attention within the warm palette.

background

#6B3A2C. An immersive choice for a brand's main background, creating an immediate sense of warmth and an aged, robust character.

text

#C58D6E. This lighter, more orange-brown offers good readability for body text on darker backgrounds like #6B3A2C or #5A3A2C. For headings, consider near-white or light cream.

Accessibility notes

#C58D6E on #6B3A2C or #5A3A2C should be checked for WCAG AA compliance, especially for small text. Lighter text like off-white or cream may be needed.
Ensure sufficient contrast for interactive elements against their backgrounds. #B07C5D might not stand out enough on #8C4E3D for all users.
Avoid using #5A3A2C or #6B3A2C for text on similarly dark backgrounds; contrast will be insufficient.
Consider using a very light, desaturated cream or white for essential text to ensure maximum legibility across the palette.

Recommended combinations

Deep Rust Base

Sets a warm, deep foundation: #6B3A2C for background, #8C4E3D for main sections, #C58D6E for text.

#6B3A2C · #8C4E3D · #C58D6E

Weathered Accents

Use #5A3A2C as a dark base, #B07C5D for highlights, and #C58D6E for prominent UI elements.

#5A3A2C · #B07C5D · #C58D6E

Gritty Layers

Creates layered content: #8C4E3D as base, #B07C5D for interactive elements, #6B3A2C for deep borders.

#8C4E3D · #B07C5D · #6B3A2C

CSS variables

:root {
  --industrial-pipe-rust-1: #B07C5D;
  --industrial-pipe-rust-2: #8C4E3D;
  --industrial-pipe-rust-3: #6B3A2C;
  --industrial-pipe-rust-4: #C58D6E;
  --industrial-pipe-rust-5: #5A3A2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-pipe-rust": {
        1: "#B07C5D",
        2: "#8C4E3D",
        3: "#6B3A2C",
        4: "#C58D6E",
        5: "#5A3A2C",
      }
    }
  }
}

Hex values

Color 1#B07C5D

Color 2#8C4E3D

Color 3#6B3A2C

Color 4#C58D6E

Color 5#5A3A2C

Accessibility

Contrast checker

1.8:1Fail

2.6:1Fail

1.3:1Fail

2.8:1Fail

1.8:1Fail

1.4:1Fail

2.3:1Fail

1.6:1Fail

2.6:1Fail

1.4:1Fail

3.3:1AA18

1.1:1Fail

1.3:1Fail

2.3:1Fail

3.3:1AA18

3.6:1AA18

2.8:1Fail

1.6:1Fail

1.1:1Fail

3.6:1AA18

Similar palettes

More like Industrial Pipe Rust

View all dark

Industrial Rust Grit

Rust Belt Foundry

Rusty Industrial Grids

Rusty Metal Grid

Corroded Metal Grit

Factory Floor Rust