Back to palettes

Palette

Corroded Metal Grit

Gritty, raw tones capturing the textures of aged, corroded metals and industrial decay.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Corroded Metal Grit 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 Corroded Metal Grit.

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

Data visualization

#4F4A4A#6A492B#9A5B2B#5C7F72#2B2B2B

Palette guide

How to use Corroded Metal Grit

Overview

The Corroded Metal Grit palette captures the raw, gritty textures of aged, corroded metals and industrial decay. It features deep grays like #4F4A4A and #2B2B2B, complemented by rich, oxidized browns such as #6A492B and #9A5B2B, with a surprising hint of muted teal #5C7F72, reminiscent of verdigris. This dark, robust, and masculine palette is perfect for designs that aim to evoke an industrial, grunge, or rustic aesthetic, ideal for strong branding, game interfaces, or artistic projects that require a raw and authentic feel.

Best used for

  • Industrial-themed branding
  • Grunge music album covers
  • Urban streetwear apparel design
  • Dark mode website themes
  • Video game environments
  • Rustic craft or workshop branding

Suggested color roles

primary

Use #2B2B2B for foundational elements and backgrounds, providing a strong, dark, and stable base.

secondary

#4F4A4A can be used for sub-sections or containers, offering a slightly lighter, yet still dark, tone.

accent

#9A5B2B provides a warm, oxidized highlight for important details or calls-to-action.

background

#2B2B2B or #4F4A4A for a gritty, immersive dark background.

text

White or a very light gray provides optimal readability against the dark colors.

Accessibility notes

  • All colors are dark or mid-tone; rely on white or very light text for readability.
  • #9A5B2B might have insufficient contrast with dark text; use white or light gray.
  • Ensure #5C7F72 provides sufficient contrast when used for text against darker backgrounds.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Industrial Depth

Ideal for foundational elements, dark backgrounds, or creating a sense of weight.

#2B2B2B · #4F4A4A · #6A492B

Oxidized Warmth

Excellent for adding texture, highlights, or elements that suggest rust and age.

#9A5B2B · #6A492B · #5C7F72

Gritty Contrast

Use for striking accents, calls-to-action, or graphic details that need to pop in a dark theme.

#2B2B2B · #9A5B2B · #5C7F72

CSS variables

:root {
  --corroded-metal-grit-1: #4F4A4A;
  --corroded-metal-grit-2: #6A492B;
  --corroded-metal-grit-3: #9A5B2B;
  --corroded-metal-grit-4: #5C7F72;
  --corroded-metal-grit-5: #2B2B2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "corroded-metal-grit": {
        1: "#4F4A4A",
        2: "#6A492B",
        3: "#9A5B2B",
        4: "#5C7F72",
        5: "#2B2B2B",
      }
    }
  }
}

Related searches

industrial color palettegrunge metal schemedark rustic designcorroded textures colorsurban decay palette

Palette colors

Hex values

Color 1#4F4A4A
·
Color 2#6A492B
·
Color 3#9A5B2B
·
Color 4#5C7F72
·
Color 5#2B2B2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
2:1Fail
1.6:1Fail
2
1.1:1Fail
1.5:1Fail
1.8:1Fail
1.8:1Fail
3
1.6:1Fail
1.5:1Fail
1.2:1Fail
2.6:1Fail
4
2:1Fail
1.8:1Fail
1.2:1Fail
3.2:1AA18
5
1.6:1Fail
1.8:1Fail
2.6:1Fail
3.2:1AA18

Similar palettes

More like Corroded Metal Grit

View all dark
Rusting Iron Gaze
Rusty Industrial Grids
Rusty Rail Yards
Rusty Steel Core
Distressed Concrete Grit
Industrial Ember Glow