Back to palettes

Palette

Rusty Foundry Steel

Capturing the aged strength of forgotten factories, with the deep hues of oxidized steel and worn iron.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Foundry Steel 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 Foundry Steel.

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

Data visualization

#333333#5D5D5D#8C472A#C7744D#E5E5E5

Palette guide

How to use Rusty Foundry Steel

Overview

The Rusty Foundry Steel palette captures the raw strength and aged beauty of forgotten factories, combining robust grays with vibrant rust tones. Featuring foundational shades like the deep #333333 (dark charcoal) and the solid #5D5D5D (medium gray), it builds a strong, metallic base. The palette is invigorated by the earthy #8C472A (dark rust orange) and the bright #C7744D (vibrant rust orange), culminating in the clean contrast of #E5E5E5 (near-white). This collection is ideal for designers and developers seeking a strong, industrial, and retro aesthetic for their projects, conveying resilience and a rich history.

Best used for

  • Industrial and heavy machinery branding
  • Steampunk or grunge-themed digital art
  • Retro-inspired websites and UI
  • Urban streetwear and apparel design
  • Game environments for dystopian settings
  • Film titles or credits with a gritty feel

Suggested color roles

primary

Utilize #333333 as the solid, foundational color for main layout elements, providing depth and strength.

secondary

Apply #5D5D5D for supporting sections, navigation, or metallic textures, maintaining a coherent gray scale.

accent

Employ #C7744D (vibrant rust orange) for impactful calls to action, crucial alerts, or dynamic graphic elements.

background

Use #333333 for a dark, commanding background, or #E5E5E5 for a bright, clean canvas that makes darker elements pop.

text

For dark backgrounds, #E5E5E5 provides excellent readability. For light backgrounds, #333333 ensures crisp, high-contrast text.

Accessibility notes

  • Ensure #E5E5E5 provides sufficient contrast when used for text on #333333, #5D5D5D, and #8C472A backgrounds.
  • Be cautious when using #C7744D for small text on mid-tone gray backgrounds, as contrast may be challenging.
  • Prioritize #333333 for body text on lighter backgrounds to ensure optimal readability for all users.
  • Test color combinations for WCAG AA compliance, especially for interactive elements and form fields.

Recommended combinations

Foundry Core

Create a high-impact header: #333333 background, #E5E5E5 headline, and #C7744D for a key call to action.

#333333 · #C7744D · #E5E5E5

Steel & Rust

Perfect for content blocks or image captions, offering a balanced, industrial look with good visual separation.

#5D5D5D · #8C472A · #333333

Clean Industrial

Use #E5E5E5 as a clean background, #333333 for primary text, and #C7744D for vibrant accents or links.

#E5E5E5 · #333333 · #C7744D

CSS variables

:root {
  --rusty-foundry-steel-1: #333333;
  --rusty-foundry-steel-2: #5D5D5D;
  --rusty-foundry-steel-3: #8C472A;
  --rusty-foundry-steel-4: #C7744D;
  --rusty-foundry-steel-5: #E5E5E5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-foundry-steel": {
        1: "#333333",
        2: "#5D5D5D",
        3: "#8C472A",
        4: "#C7744D",
        5: "#E5E5E5",
      }
    }
  }
}

Related searches

industrial gray rustretro foundry colorsmetallic grunge palettedark orange grayweathered steel scheme

Palette colors

Hex values

Color 1#333333
·
Color 2#5D5D5D
·
Color 3#8C472A
·
Color 4#C7744D
·
Color 5#E5E5E5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
3.6:1AA18
10:1AAA
2
1.9:1Fail
1:1Fail
1.9:1Fail
5.2:1AA
3
1.8:1Fail
1:1Fail
2:1Fail
5.5:1AA
4
3.6:1AA18
1.9:1Fail
2:1Fail
2.8:1Fail
5
10:1AAA
5.2:1AA
5.5:1AA
2.8:1Fail

Similar palettes

More like Rusty Foundry Steel

View all dark
Brass Cogs & Smoke
Clockwork Brass Patina
Industrial Steampunk Grit
Steampunk Goggles
Steampunk Inventor's Workshop
Film Noir Echo