Back to palettes

Palette

Rusty Metal Grid

Reflects the gritty, weathered textures and deep, aged colors of 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 Metal Grid 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 Metal Grid.

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

Data visualization

#4F4F4F#708090#A9A9A9#CD5C5C#8B0000

Palette guide

How to use Rusty Metal Grid

Overview

The "Rusty Metal Grid" palette encapsulates the gritty, weathered textures and deep, aged colors of an abandoned industrial landscape. This dark and robust collection features a strong foundation of greys, from the deep #4F4F4F and #708090 to the lighter #A9A9A9, providing a versatile backdrop. The powerful rust accents, #CD5C5C and the very deep #8B0000, inject warmth and a sense of decay, reflecting oxidized metal. Designers can use this palette for projects requiring a raw, industrial, or grunge aesthetic. Developers will find it ideal for dark mode themes, vintage interfaces, or any digital environment that benefits from a heavy, atmospheric, and worn visual identity.

Best used for

  • Industrial-themed architectural visualizations
  • Grunge fashion brand identity
  • Dark mode UI for creative applications
  • Album art for alternative music
  • Website headers with a distressed look
  • Thematic content for urban exploration

Suggested color roles

primary

#4F4F4F (Dark Grey) - A solid, versatile dark grey, perfect for main backgrounds, large containers, or structural UI elements, providing a strong, muted base.

secondary

#708090 (Slate Grey) - Use for secondary content areas, subtle borders, or as a complementary neutral to add depth without overwhelming the primary.

accent

#CD5C5C (Indian Red) - A vibrant, earthy rust red ideal for call-to-action buttons, interactive elements, or key highlights that need to pop against the dark grays.

background

#4F4F4F (Dark Grey) - Serves as an excellent deep, non-black canvas, providing a sophisticated dark mode base that allows the rust tones to truly shine.

text

#A9A9A9 (Dim Grey) - Offers good readability on #4F4F4F or #708090 backgrounds, providing a soft contrast. For maximum readability, a near-white or light cream can be used.

Accessibility notes

  • #A9A9A9 text on #4F4F4F background should be checked for WCAG AA compliance; consider increasing text size.
  • #CD5C5C can work well for headlines on dark backgrounds but avoid for small body text due to potential contrast issues.
  • #8B0000 provides strong contrast with #A9A9A9 or a light cream, making it suitable for important text.
  • Always use a contrast checker, especially when combining similar dark hues or using the mid-range #CD5C5C for text.

Recommended combinations

Gritty Base

#4F4F4F for background, #708090 for content blocks, and #A9A9A9 for text or secondary elements.

#4F4F4F · #708090 · #A9A9A9

Rust Pop

#4F4F4F as a primary dark background, #CD5C5C for vibrant calls to action, and #A9A9A9 for readable text.

#4F4F4F · #CD5C5C · #A9A9A9

Deep Industrial

#8B0000 for a powerful section background, #708090 for overlay text, and #CD5C5C for highlights.

#8B0000 · #708090 · #CD5C5C

CSS variables

:root {
  --rusty-metal-grid-1: #4F4F4F;
  --rusty-metal-grid-2: #708090;
  --rusty-metal-grid-3: #A9A9A9;
  --rusty-metal-grid-4: #CD5C5C;
  --rusty-metal-grid-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-metal-grid": {
        1: "#4F4F4F",
        2: "#708090",
        3: "#A9A9A9",
        4: "#CD5C5C",
        5: "#8B0000",
      }
    }
  }
}

Related searches

industrial dark palettegrunge metal colorsworn red grey schemeabandoned factory aestheticdark rust UI colors

Palette colors

Hex values

Color 1#4F4F4F
·
Color 2#708090
·
Color 3#A9A9A9
·
Color 4#CD5C5C
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.5:1AA18
2.1:1Fail
1.2:1Fail
2
2:1Fail
1.7:1Fail
1:1Fail
2.5:1Fail
3
3.5:1AA18
1.7:1Fail
1.7:1Fail
4.3:1AA18
4
2.1:1Fail
1:1Fail
1.7:1Fail
2.5:1Fail
5
1.2:1Fail
2.5:1Fail
4.3:1AA18
2.5:1Fail

Similar palettes

More like Rusty Metal Grid

View all dark
Rusty Industrial Grids
Corroded Metal Grit
Industrial Pipe Rust
Industrial Rust Grit
Rust Belt Foundry
Rusty Steel Core