Back to palettes

Palette

Rusty Gear Grind

Deep rusty reds and metallic grays evoke the raw, weathered aesthetic of old machinery and industrial grit.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#B22222#B0C4DE#696969

Palette guide

How to use Rusty Gear Grind

Overview

The Rusty Gear Grind palette is a powerful collection of deep rusty reds and metallic grays, evoking the raw, weathered aesthetic of old machinery and industrial grit. It features robust browns like #8B4513 (Saddle Brown) and #A0522D (Sienna), intensified by the bold #B22222 (Firebrick). The inclusion of #696969 (Dim Gray) and #B0C4DE (Light Steel Blue) adds a cool, metallic contrast, balancing the warmth of the rust. This palette is perfect for designers and developers crafting projects that demand a dark, gritty, and industrial feel, ideal for conveying strength, history, and a touch of rugged authenticity.

Best used for

  • Industrial and heavy-duty product branding
  • Dystopian or post-apocalyptic game interfaces
  • Steampunk-inspired art and design
  • Construction or engineering firm websites
  • Album art for grunge or metal bands
  • Urban exploration photography backdrops

Suggested color roles

primary

Utilize #8B4513 as a strong, weathered foundation for major sections, providing depth and a rustic base.

secondary

Apply #A0522D for supporting content blocks or textural elements, building on the warm, rusted aesthetic.

accent

Employ #B22222 (Firebrick) for intense calls to action, warnings, or dynamic highlights that demand immediate attention.

background

Use #696969 (Dim Gray) for a dark, metallic background, or #B0C4DE (Light Steel Blue) for a lighter, cleaner base.

text

For dark backgrounds, a very light gray or white (not in palette) provides optimal readability. For light backgrounds, #8B4513 or a dark charcoal works well.

Accessibility notes

  • Ensure light text (e.g., white or light gray) has sufficient contrast against #8B4513, #A0522D, #B22222, and #696969.
  • Be cautious using #B22222 for small text on mid-tone backgrounds; reserve it for larger titles or accents.
  • When using #B0C4DE as a background, pair it with #8B4513 or a dark charcoal for optimal text contrast.
  • Regularly check color combinations against WCAG AA guidelines, especially for critical interactive elements.

Recommended combinations

Gritty Contrast

Ideal for a hero section: #696969 background, #B22222 for a bold headline, and #8B4513 for subtext.

#696969 · #B22222 · #8B4513

Industrial Warmth

Creates a balanced content block: #A0522D as background, #B0C4DE for an accent, and #696969 for text.

#A0522D · #B0C4DE · #696969

Bold Statement

Use #B22222 for a strong visual element, #696969 for supporting text, and #8B4513 for secondary details.

#B22222 · #696969 · #8B4513

CSS variables

:root {
  --rusty-gear-grind-1: #8B4513;
  --rusty-gear-grind-2: #A0522D;
  --rusty-gear-grind-3: #B22222;
  --rusty-gear-grind-4: #B0C4DE;
  --rusty-gear-grind-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-gear-grind": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#B22222",
        4: "#B0C4DE",
        5: "#696969",
      }
    }
  }
}

Related searches

industrial grunge palettedark rust colorsmetallic red grayweathered machinery aestheticgritty design scheme

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#B22222
·
Color 4#B0C4DE
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
4:1AA18
1.3:1Fail
2
1.3:1Fail
1.2:1Fail
3.2:1AA18
1:1Fail
3
1.1:1Fail
1.2:1Fail
3.8:1AA18
1.2:1Fail
4
4:1AA18
3.2:1AA18
3.8:1AA18
3.1:1AA18
5
1.3:1Fail
1:1Fail
1.2:1Fail
3.1:1AA18

Similar palettes

More like Rusty Gear Grind

View all dark
Corroded Metal Grit
Industrial Ember Glow
Industrial Rust Grit
Rusting Iron Gaze
Rusty Industrial Grids
Rusty Rail Yards