Back to palettes

Palette

Industrial Gear Grind

Gritty and stark grays that evoke the rugged, unpolished aesthetic of industrial machinery.

Monochromeminimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Industrial Gear Grind 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 Gear Grind.

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

Data visualization

#3A4750#2B373D#5A6E7B#8B9BA5#6F808A

Palette guide

How to use Industrial Gear Grind

Overview

The Industrial Gear Grind palette offers gritty and stark grays that evoke the rugged, unpolished aesthetic of industrial machinery. With deep tones like #2B373D and #3A4750, complemented by mid-range shades such as #6F808A, this collection is perfect for designers and developers seeking a strong, authentic, and minimalist visual identity. It provides a robust foundation for user interfaces, branding, and digital presentations, ensuring excellent readability and visual structure. The palette's functional appeal is ideal for projects that aim to convey durability, precision, and a no-frills approach, making it versatile for various industrial or tech-focused applications.

Best used for

  • Manufacturing industry websites
  • Industrial equipment control panels
  • Dark-themed UI applications
  • Architectural visualization
  • Rugged outdoor gear branding
  • Technical documentation portals

Suggested color roles

primary

#2B373D - A very deep, almost black-blue grey, ideal for dominant structural elements, backgrounds, and primary branding.

secondary

#3A4750 - A slightly lighter, yet still deep, cool grey for secondary navigation, card backgrounds, or prominent text.

accent

#5A6E7B - A versatile mid-tone grey, perfect for subtle highlights, interactive elements, or icons that require a gentle emphasis.

background

#8B9BA5 - A lighter, cool grey that serves as an excellent content background, providing a clean canvas for darker text.

text

#2B373D - Optimal for primary body text on light backgrounds like #8B9BA5, ensuring high readability. A bright white works well on #2B373D.

Accessibility notes

  • Ensure strong contrast between #2B373D text and #8B9BA5 background to meet WCAG AA/AAA standards.
  • Avoid using #6F808A text on #8B9BA5 for small font sizes due to low contrast.
  • Use white or a very light grey for text on #2B373D or #3A4750 to ensure legibility.
  • Verify contrast for interactive elements using #5A6E7B against adjacent background colors.

Recommended combinations

Deep Base

Creates a strong, dark-themed layout, excellent for headers, main content areas, and clear typography.

#2B373D · #3A4750 · #8B9BA5

Layered Grays

Ideal for building subtle visual layers and hierarchies in UI components, like cards or modals, with a smooth transition.

#8B9BA5 · #6F808A · #5A6E7B

Robust Accents

Effective for defining visual hierarchy within components, using varied grey tones for different states or information levels.

#3A4750 · #5A6E7B · #6F808A

CSS variables

:root {
  --industrial-gear-grind-3-1: #3A4750;
  --industrial-gear-grind-3-2: #2B373D;
  --industrial-gear-grind-3-3: #5A6E7B;
  --industrial-gear-grind-3-4: #8B9BA5;
  --industrial-gear-grind-3-5: #6F808A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-gear-grind-3": {
        1: "#3A4750",
        2: "#2B373D",
        3: "#5A6E7B",
        4: "#8B9BA5",
        5: "#6F808A",
      }
    }
  }
}

Related searches

dark industrial greyrugged machinery colorsmonochrome ui palettestark grey designurban dark theme

Palette colors

Hex values

Color 1#3A4750
·
Color 2#2B373D
·
Color 3#5A6E7B
·
Color 4#8B9BA5
·
Color 5#6F808A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
3.3:1AA18
2.3:1Fail
2
1.3:1Fail
2.3:1Fail
4.3:1AA18
3:1Fail
3
1.8:1Fail
2.3:1Fail
1.9:1Fail
1.3:1Fail
4
3.3:1AA18
4.3:1AA18
1.9:1Fail
1.4:1Fail
5
2.3:1Fail
3:1Fail
1.3:1Fail
1.4:1Fail

Similar palettes

More like Industrial Gear Grind

View all Monochrome
Grayscale Urban Sketch
Asteroid Field Drift
Gritty Urban Canvas
Industrial Steam Punk
Arctic Ice Cavern
Concrete Jungle Grit