Palette

Factory Floor Rust

A rugged yet sophisticated palette reflecting the aged metals and deep rust hues of a long-abandoned factory floor.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Factory Floor Rust 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 Factory Floor Rust.

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

Data visualization

#4f4f4f#696969#a9a9a9#b22222#800000

Palette guide

How to use Factory Floor Rust

Overview

The 'Factory Floor Rust' palette offers a rugged yet sophisticated collection reflecting the aged metals and deep rust hues of a long-abandoned industrial space. With dark charcoal #4f4f4f, medium grey #696969, light grey #a9a9a9, bold firebrick #b22222, and deep maroon #800000, this palette is perfect for designs seeking an industrial, gritty, and authentic mood. Developers and designers will find its strong contrasts and earthy tones incredibly effective for creating impactful user interfaces, masculine branding, and evocative digital content that tells a story of strength and endurance. It's a versatile choice for modern, edgy, and dark-themed projects.

Best used for

Industrial design and architecture portfolios
Urban streetwear and apparel brands
Gritty video games and entertainment media
Documentary films and artistic photography
Modern minimalist web design
Heavy metal or rock band branding

Suggested color roles

primary

Use #4f4f4f as a dominant, grounding color for backgrounds, headers, or main navigation, providing a strong, dark foundation.

secondary

Employ #696969 for sub-headings, secondary buttons, or content blocks, offering a versatile mid-tone contrast.

accent

Highlight critical information, alerts, or interactive elements with #b22222 to create a bold, rusty, and attention-grabbing pop.

background

Apply #a9a9a9 for lighter content areas, cards, or as a contrasting background element, providing a neutral base.

text

For optimal readability, use #4f4f4f or black on light backgrounds like #a9a9a9. White text works exceptionally well on #4f4f4f, #696969, #b22222, and #800000.

Accessibility notes

Ensure sufficient contrast when using #a9a9a9 as a background; #4f4f4f or black text is recommended.
White text on #4f4f4f, #696969, #b22222, and #800000 provides excellent readability.
Be cautious when using #a9a9a9 for small text on #696969 as contrast may be insufficient.
Always use a contrast checker for all text/background combinations to ensure compliance with accessibility standards.

Recommended combinations

Steel & Rust

Creates a strong, industrial, and striking look, perfect for hero sections or bold branding.

#4F4F4F · #A9A9A9 · #B22222

Gritty Depths

A dark and intense combination, ideal for evoking a sense of drama in backgrounds or feature blocks.

#696969 · #800000 · #4F4F4F

Aged Metal

Offers a textured, worn feel, suitable for layered UI elements, subtle gradients, or accent details.

#A9A9A9 · #696969 · #B22222

CSS variables

:root {
  --factory-floor-rust-1: #4f4f4f;
  --factory-floor-rust-2: #696969;
  --factory-floor-rust-3: #a9a9a9;
  --factory-floor-rust-4: #b22222;
  --factory-floor-rust-5: #800000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "factory-floor-rust": {
        1: "#4f4f4f",
        2: "#696969",
        3: "#a9a9a9",
        4: "#b22222",
        5: "#800000",
      }
    }
  }
}

Hex values

Color 1#4f4f4f

Color 2#696969

Color 3#a9a9a9

Color 4#b22222

Color 5#800000

Accessibility

Contrast checker

1.5:1Fail

3.5:1AA18

1.2:1Fail

1.3:1Fail

1.5:1Fail

2.3:1Fail

1.2:1Fail

2:1Fail

3.5:1AA18

2.3:1Fail

2.8:1Fail

4.7:1AA

1.2:1Fail

2.8:1Fail

1.6:1Fail

1.3:1Fail

2:1Fail

4.7:1AA

1.6:1Fail

Similar palettes

More like Factory Floor Rust

Factory Floor Rust

See it in context.

Ready when you are.

Built with Factory Floor Rust.

How to use Factory Floor Rust

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Steel & Rust

Gritty Depths

Aged Metal

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Factory Floor Rust