Back to palettes

Palette

Rusty Industrial Grids

Gritty browns and charcoal greys capture the rugged textures of aged, rusting metal in an abandoned industrial landscape.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Industrial Grids 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 Rusty Industrial Grids.

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

Data visualization

#6B3D2B#9B4D33#3A3F44#7D8C86#1F1F1F

Palette guide

How to use Rusty Industrial Grids

Overview

The "Rusty Industrial Grids" palette evokes a strong sense of weathered metal and forgotten machinery, perfect for projects needing a gritty, authentic feel. This dark, robust collection features deep rust tones like #6B3D2B and #9B4D33, grounded by industrial charcoals #3A3F44 and #1F1F1F. A unique desaturated greenish-grey, #7D8C86, adds a subtle patina effect, enhancing the aged aesthetic. Designers can leverage this palette for backgrounds, textures, or UI elements that require a heavy, durable presence. Developers will find these hex codes easy to implement for dark mode themes, vintage interfaces, or atmospheric digital environments, ensuring a cohesive and impactful visual narrative.

Best used for

  • Gritty video game environments or UI
  • Industrial-themed website designs
  • Album art for rock or metal bands
  • Backgrounds for vintage photography
  • Dark mode interfaces with a textured feel
  • Brand identity for artisanal metalworkers

Suggested color roles

primary

#3A3F44 (Dark Grey/Charcoal) - Acts as the foundational dark neutral, ideal for large background areas or structural elements, providing a stable base.

secondary

#6B3D2B (Dark Brown/Rust) - Use for prominent sections, headers, or large content blocks to introduce the signature rusty warmth and depth.

accent

#9B4D33 (Medium Rust) - A brighter, more vivid rust for call-to-action buttons, key highlights, or interactive elements that need to stand out against the darker tones.

background

#1F1F1F (Very Dark Grey) - Provides a deep, almost black canvas, perfect for a strong dark mode or a dramatic, immersive backdrop.

text

#7D8C86 (Desaturated Greenish Grey) - Offers good readability against #1F1F1F or #3A3F44, providing a subtle contrast without being stark white. Alternatively, use a light cream or white for maximum contrast.

Accessibility notes

  • Ensure #7D8C86 text has sufficient contrast against #1F1F1F backgrounds (check WCAG AA/AAA).
  • Avoid using #6B3D2B or #9B4D33 for small text on dark backgrounds; they might lack contrast.
  • Lighter text (e.g., #7D8C86) on darker backgrounds (#1F1F1F, #3A3F44) generally performs well.
  • Use a robust contrast checker for all text and interactive elements, especially if pairing similar dark hues.

Recommended combinations

Gritty Base

Ideal for a core dark mode theme, using the lightest grey for subtle UI elements or secondary text.

#1F1F1F · #3A3F44 · #7D8C86

Rust Highlight

Apply #3A3F44 as a background, #6B3D2B for sections, and #9B4D33 for vivid interactive elements or headers.

#3A3F44 · #6B3D2B · #9B4D33

Patina Contrast

Use #1F1F1F as background, #7D8C86 for content, and #9B4D33 as a striking accent for calls to action.

#1F1F1F · #7D8C86 · #9B4D33

CSS variables

:root {
  --rusty-industrial-grids-1: #6B3D2B;
  --rusty-industrial-grids-2: #9B4D33;
  --rusty-industrial-grids-3: #3A3F44;
  --rusty-industrial-grids-4: #7D8C86;
  --rusty-industrial-grids-5: #1F1F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-industrial-grids": {
        1: "#6B3D2B",
        2: "#9B4D33",
        3: "#3A3F44",
        4: "#7D8C86",
        5: "#1F1F1F",
      }
    }
  }
}

Related searches

industrial color schemegrunge web design colorsdark rust paletteweathered metal color codesaged aesthetic color combination

Palette colors

Hex values

Color 1#6B3D2B
·
Color 2#9B4D33
·
Color 3#3A3F44
·
Color 4#7D8C86
·
Color 5#1F1F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
2.6:1Fail
1.8:1Fail
2
1.5:1Fail
1.8:1Fail
1.7:1Fail
2.7:1Fail
3
1.2:1Fail
1.8:1Fail
3:1AA18
1.5:1Fail
4
2.6:1Fail
1.7:1Fail
3:1AA18
4.7:1AA
5
1.8:1Fail
2.7:1Fail
1.5:1Fail
4.7:1AA

Similar palettes

More like Rusty Industrial Grids

View all dark
Corroded Metal Grit
Industrial Rust Grit
Rusty Metal Grid
Distressed Concrete Grit
Factory Floor Rust
Industrial Ember Glow