Back to palettes

Palette

Rust Belt Echoes

Evokes the deep, earthy tones of old factories and machinery, worn by time and weather.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B3C25#A35C33#D9804B#E6BA8B#4A2F1F

Palette guide

How to use Rust Belt Echoes

Overview

The Rust Belt Echoes palette masterfully captures the deep, earthy tones of aged industrial landscapes, evoking a sense of history and weathered resilience. This collection features a rich, dark brown #4A2F1F, reminiscent of rusted iron, alongside the deep, muted orange-brown of #6B3C25. The palette gradually lightens through the rustic #A35C33 and the warm, inviting #D9804B, culminating in the soft, faded ochre of #E6BA8B. Designers and developers can utilize this palette to craft authentic, vintage, or industrial-themed aesthetics. It's particularly effective for projects that aim to convey durability, heritage, or a rugged, grounded character, suitable for branding, editorial, or digital interfaces seeking a retro-earthy feel.

Best used for

  • Vintage or retro-themed branding
  • Industrial-style interior design visualization
  • Documentaries or historical content platforms
  • Craft beer or artisanal spirit labels
  • Men's lifestyle blogs or fashion
  • Urban exploration photography portfolios

Suggested color roles

primary

#6B3C25 - A sturdy, deep brown-orange that can anchor a design, perfect for main headings, brand elements, or significant UI components.

secondary

#A35C33 - This mid-tone rust offers versatility for subheadings, background sections, or large content blocks, providing warmth and depth.

accent

#D9804B - A brighter, more lively orange-brown that can draw attention to calls-to-action, interactive elements, or key visual details.

background

#E6BA8B - A soft, muted ochre that serves as an excellent warm, light background, allowing darker text to stand out clearly.

text

#4A2F1F or a deep charcoal. For light backgrounds like #E6BA8B, #4A2F1F ensures strong readability and maintains the palette's earthy integrity.

Accessibility notes

  • Ensure high contrast when using #E6BA8B as a background; #4A2F1F or #6B3C25 provide good text contrast.
  • Lighter colors like #D9804B or #E6BA8B will require very dark text (like black or #4A2F1F) to meet accessibility standards.
  • The deep browns (#4A2F1F, #6B3C25) offer reliable contrast for white or light cream text.
  • Avoid using #D9804B for small text against #E6BA8B due to insufficient contrast.

Recommended combinations

Industrial Depth

Creates a strong, grounded, and masculine feel, ideal for headers, footers, or sections needing robust visual weight.

#4A2F1F · #6B3C25 · #A35C33

Weathered Warmth

Perfect for main content, offering a warm, inviting background with distinct accent colors for readability and focus.

#D9804B · #E6BA8B · #6B3C25

Retro Contrast

Suitable for showcasing details or product features, providing a balanced, vintage aesthetic with gentle highlights.

#A35C33 · #E6BA8B · #D9804B

CSS variables

:root {
  --rust-belt-echoes-1: #6B3C25;
  --rust-belt-echoes-2: #A35C33;
  --rust-belt-echoes-3: #D9804B;
  --rust-belt-echoes-4: #E6BA8B;
  --rust-belt-echoes-5: #4A2F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rust-belt-echoes": {
        1: "#6B3C25",
        2: "#A35C33",
        3: "#D9804B",
        4: "#E6BA8B",
        5: "#4A2F1F",
      }
    }
  }
}

Related searches

industrial brown color paletteretro earthy tonesworn metal colorsvintage urban schemerugged heritage palette

Palette colors

Hex values

Color 1#6B3C25
·
Color 2#A35C33
·
Color 3#D9804B
·
Color 4#E6BA8B
·
Color 5#4A2F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.1:1AA
1.3:1Fail
2
1.8:1Fail
1.7:1Fail
2.8:1Fail
2.4:1Fail
3
3.1:1AA18
1.7:1Fail
1.6:1Fail
4.2:1AA18
4
5.1:1AA
2.8:1Fail
1.6:1Fail
6.8:1AA
5
1.3:1Fail
2.4:1Fail
4.2:1AA18
6.8:1AA

Similar palettes

More like Rust Belt Echoes

View all earth