Palette

Rust Belt Revival

Gritty and earthy tones reflecting the patina of aged metal and fading industrial landscapes.

earthretro5 colors

More earth 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

#A0522D#8B4513#CD5C5C#69401C#4F6456

Palette guide

How to use Rust Belt Revival

Overview

The Rust Belt Revival palette offers a unique blend of gritty, earthy tones, reflecting the patina of aged metal and fading industrial landscapes. This retro-inspired collection features the robust #8B4513 (SaddleBrown) and the deep, grounding #69401C, providing a solid, dark foundation. It introduces the warm, inviting #A0522D (Sienna) and a surprisingly soft, muted red, #CD5C5C (IndianRed), which suggests weathered brick. A distinctive addition is the muted green-gray of #4F6456, hinting at oxidized copper or damp concrete. This versatile palette is ideal for designers and developers seeking to evoke heritage, urban history, or a rugged, sophisticated aesthetic, perfect for branding, editorial, or digital interfaces with a unique retro charm.

Best used for

Artisan craft product branding
Urban gardening or sustainability initiatives
Vintage hardware or tool advertisements
Architectural photography websites
Independent film production branding
"Upcycled" goods e-commerce platforms

Suggested color roles

primary

#8B4513 - A rich, deep brown that can anchor a design, perfect for main headings, brand logos, or significant UI components, conveying durability.

secondary

#A0522D - This warm Sienna provides a versatile mid-tone for subheadings, larger text blocks, or accentuating content sections.

accent

#CD5C5C - A muted, earthy red that offers a gentle accent for interactive elements, key details, or to add a touch of weathered warmth.

background

#4F6456 - A unique muted green-gray that can serve as a sophisticated, calm background, allowing warmer tones and dark text to stand out.

text

#69401C or a very dark charcoal. For light-to-mid backgrounds like #CD5C5C or #4F6456, #69401C ensures strong readability and maintains the palette's earthy integrity.

Accessibility notes

#4F6456 (muted green-gray) provides good contrast with #8B4513 or #69401C for text, but avoid white text on it for smaller sizes.
#CD5C5C is a lighter shade; ensure text on it is very dark (e.g., black or #69401C) to meet contrast requirements.
The darkest colors (#69401C, #8B4513) offer reliable contrast for white or light cream text.
Always check combinations involving #CD5C5C or #A0522D for sufficient contrast, especially for smaller font sizes.

Recommended combinations

Aged Patina

Creates a deep, grounded, and sophisticated look, ideal for headers, footers, or sections needing robust visual weight.

#69401C · #8B4513 · #A0522D

Weathered Brick

Offers a unique, muted contrast, suitable for main content areas or showcasing details with a vintage, urban feel.

#CD5C5C · #4F6456 · #8B4513

Industrial Earth

Perfect for subtle backgrounds, secondary information, or UI elements, providing a balanced, earthy industrial aesthetic.

#A0522D · #4F6456 · #69401C

CSS variables

:root {
  --rust-belt-revival-1: #A0522D;
  --rust-belt-revival-2: #8B4513;
  --rust-belt-revival-3: #CD5C5C;
  --rust-belt-revival-4: #69401C;
  --rust-belt-revival-5: #4F6456;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rust-belt-revival": {
        1: "#A0522D",
        2: "#8B4513",
        3: "#CD5C5C",
        4: "#69401C",
        5: "#4F6456",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#8B4513

Color 3#CD5C5C

Color 4#69401C

Color 5#4F6456

Accessibility

Contrast checker

1.3:1Fail

1.4:1Fail

1.6:1Fail

1.1:1Fail

1.3:1Fail

1.8:1Fail

1.3:1Fail

1.1:1Fail

1.4:1Fail

1.8:1Fail

2.2:1Fail

1.6:1Fail

1.3:1Fail

2.2:1Fail

1.4:1Fail

1.1:1Fail

1.6:1Fail

1.4:1Fail

Similar palettes

More like Rust Belt Revival

Rust Belt Revival

See it in context.

Ready when you are.

Built with Rust Belt Revival.

How to use Rust Belt Revival

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Aged Patina

Weathered Brick

Industrial Earth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rust Belt Revival