Back to palettes

Palette

Industrial Grunge Edge

A robust range of greys, inspired by the raw textures and stark beauty of industrial spaces.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Industrial Grunge Edge 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 Grunge Edge.

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

Data visualization

#4A4A4A#636363#7B7B7B#949494#ADADAD

Palette guide

How to use Industrial Grunge Edge

Overview

The "Industrial Grunge Edge" palette (ID: industrial-grunge-edge-2) offers a robust, unpolished range of mid-to-light grays, perfect for designs seeking a raw, metallic, and authentically gritty aesthetic. Starting with the deep #4A4A4A and gradually lightening to #ADADAD, this monochrome collection evokes the textures of weathered concrete and aged metal. #636363 and #7B7B7B provide excellent intermediate tones for layering and depth, while #949494 can serve as a versatile accent. This palette is ideal for projects that require a grounded, urban feel, bringing a sense of realism and understated strength to digital and physical products alike.

Best used for

  • Urban streetwear brand websites
  • Gritty video game UI/UX
  • Industrial photography backdrops
  • Modern concrete furniture showcases
  • Dark-themed blog designs
  • Automotive custom shop branding

Suggested color roles

primary

A solid, medium-dark gray for foundational elements. Use #4A4A4A for backgrounds or large sections to establish a grounded feel.

secondary

A versatile mid-gray for panels, borders, or content containers. Apply #636363 to create subtle layering and structure.

accent

A lighter, contrasting gray that provides subtle emphasis. #ADADAD works well for interactive elements or secondary highlights.

background

A robust, earthy gray. #4A4A4A offers a strong base, allowing lighter grays to pop.

text

For primary text, #ADADAD provides good readability on darker grays like #4A4A4A or #636363. For secondary text, #949494 can be used on a slightly darker background.

Accessibility notes

  • Ensure #ADADAD text on #4A4A4A or #636363 backgrounds meets WCAG AA contrast standards.
  • Avoid using adjacent grays like #7B7B7B text on #949494 as contrast will be very low.
  • For critical information, consider using pure black text on #ADADAD or white text on #4A4A4A.
  • Provide sufficient visual cues beyond color for interactive elements, especially when using similar grays.

Recommended combinations

Concrete Base

Ideal for website footers, background panels, and primary text on a dark gray base, conveying solidity.

#4A4A4A · #636363 · #ADADAD

Layered Grunge

Perfect for creating subtle depth and texture in UI elements, like card backgrounds or section dividers.

#636363 · #7B7B7B · #949494

Metallic Contrast

Use #949494 for headings or highlights against #4A4A4A, with #ADADAD for body text, creating clear hierarchy.

#4A4A4A · #949494 · #ADADAD

CSS variables

:root {
  --industrial-grunge-edge-2-1: #4A4A4A;
  --industrial-grunge-edge-2-2: #636363;
  --industrial-grunge-edge-2-3: #7B7B7B;
  --industrial-grunge-edge-2-4: #949494;
  --industrial-grunge-edge-2-5: #ADADAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-grunge-edge-2": {
        1: "#4A4A4A",
        2: "#636363",
        3: "#7B7B7B",
        4: "#949494",
        5: "#ADADAD",
      }
    }
  }
}

Related searches

dark grey grunge paletteraw urban color schememetallic grey colorsmonochrome industrial designconcrete texture palette

Palette colors

Hex values

Color 1#4A4A4A
·
Color 2#636363
·
Color 3#7B7B7B
·
Color 4#949494
·
Color 5#ADADAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.9:1Fail
3.9:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.7:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.9:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
3.9:1AA18
2.7:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Industrial Grunge Edge

View all monochrome
Industrial Grunge Edge
Foggy London Alley
Gritty Factory Floor
Gritty Industrial Grey
Monochrome City Fog
Rainy City Reflections