Back to palettes

Palette

Rust Belt Revival

Gritty and earthy reds and oranges capturing the aesthetic of weathered metal and industrial heritage.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rust Belt Revival 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 Rust Belt Revival.

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

Data visualization

#8B0000#A52A2A#B22222#D2691E#8B4513

Palette guide

How to use Rust Belt Revival

Overview

The Rust Belt Revival palette offers a gritty and earthy collection of reds and oranges, perfectly capturing the aesthetic of weathered metal and industrial heritage. This warm, retro palette features a strong foundation with the deep, almost blood-red of #8B0000 and the rich #A52A2A. It then introduces the vibrant yet grounded #B22222, a classic firebrick, alongside the robust, burnt orange of #D2691E (Chocolate) and the deep, earthy brown of #8B4513 (SaddleBrown). Designers and developers can leverage this palette to create impactful, vintage, or urban-inspired aesthetics. It's ideal for projects that aim to convey strength, history, and a touch of rugged authenticity, perfect for branding, web design, or editorial layouts with a retro industrial vibe.

Best used for

  • Industrial-chic interior design concepts
  • Urban brewery or coffee shop branding
  • Apparel brands with a workwear aesthetic
  • Historical preservation society websites
  • Documentary film posters or titles
  • Rustic furniture e-commerce platforms

Suggested color roles

primary

#8B0000 - A powerful, deep red that can serve as a dominant brand color, for strong headlines, or significant UI elements, conveying gravitas.

secondary

#A52A2A - This rich russet is versatile for subheadings, larger text blocks, or background sections that need warmth and depth.

accent

#D2691E - A vibrant, burnt orange that provides an excellent accent for calls-to-action, interactive elements, or key visual highlights.

background

#B22222 - A classic firebrick red that works well as a warm, inviting background, especially when paired with lighter text for readability.

text

#8B4513 or a deep charcoal. For lighter backgrounds like a creamy off-white, #8B4513 offers a cohesive and readable option. For dark backgrounds, use white or light cream.

Accessibility notes

  • #8B0000 and #A52A2A provide good contrast with white or light cream text for optimal readability.
  • Ensure #D2691E has sufficient contrast against its background, especially for interactive elements.
  • Avoid using similar red tones like #8B0000 and #B22222 directly adjacent for small text or critical information.
  • When using #B22222 as a background, ensure text is light and distinct for accessibility.

Recommended combinations

Industrial Core

Creates a strong, dark, and sophisticated foundation, ideal for branding, headers, or areas needing visual weight.

#8B0000 · #A52A2A · #8B4513

Terracotta Warmth

Offers a vibrant, earthy feel, perfect for calls-to-action, product features, or engaging content sections.

#D2691E · #B22222 · #A52A2A

Aged Metal

Suitable for secondary information or UI elements, providing a balanced, weathered look with warm, inviting tones.

#8B4513 · #B22222 · #D2691E

CSS variables

:root {
  --rust-belt-revival-2-1: #8B0000;
  --rust-belt-revival-2-2: #A52A2A;
  --rust-belt-revival-2-3: #B22222;
  --rust-belt-revival-2-4: #D2691E;
  --rust-belt-revival-2-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rust-belt-revival-2": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#D2691E",
        5: "#8B4513",
      }
    }
  }
}

Related searches

retro industrial colorsweathered terracotta paletteurban heritage designaged metal aestheticgritty red orange scheme

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#D2691E
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.8:1Fail
1.4:1Fail
2
1.4:1Fail
1.1:1Fail
1.9:1Fail
1:1Fail
3
1.5:1Fail
1.1:1Fail
1.8:1Fail
1.1:1Fail
4
2.8:1Fail
1.9:1Fail
1.8:1Fail
2:1Fail
5
1.4:1Fail
1:1Fail
1.1:1Fail
2:1Fail

Similar palettes

More like Rust Belt Revival

View all warm
Industrial Rust Patina
Rusty Metal
Urban Sunset Brick
Worn Brick Alleyway
Copper Age Patina
Faded Photo Booth