Back to palettes

Palette

Rusty Metal Echoes

Rich reds and muted grays echo the weathered beauty of aged and rusted industrial metal.

EarthRetro5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Metal 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 Rusty Metal Echoes.

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

Data visualization

#757575#BCAAA4#D7CCC8#EFEBE9#B71C1C

Palette guide

How to use Rusty Metal Echoes

Overview

The "Rusty Metal Echoes" palette artfully blends muted grays with a striking deep red, evoking the weathered beauty of aged industrial metal with a retro twist. It features a range of versatile grays, from the solid #757575 to the soft #D7CCC8 and almost-white #EFEBE9, providing a sophisticated neutral foundation. The powerful #B71C1C, a deep, rich rust red, acts as a vibrant focal point, injecting energy and character. Designers can use this palette to create elegant yet rugged interfaces, branding, or editorial layouts. Developers will find it excellent for retro-inspired themes or applications that demand a strong, historical, and subtly industrial aesthetic.

Best used for

  • Retro-futuristic web designs
  • Industrial chic branding
  • Editorial layouts for history or art
  • Event invitations with a vintage feel
  • UI for antique restoration services
  • Photography portfolios with a muted, dramatic tone

Suggested color roles

primary

#757575 (Medium Grey) - A versatile, balanced grey perfect for main content backgrounds or structural elements, providing a calm and stable foundation.

secondary

#BCAAA4 (Light Taupe) - Use for secondary content areas, subtle gradients, or as a softer alternative to the primary grey, adding warmth.

accent

#B71C1C (Deep Red/Rust) - The vibrant focal point, ideal for call-to-action buttons, key headlines, or elements needing significant visual impact and energy.

background

#EFEBE9 (Off-White) - A clean, very light background that offers excellent contrast for darker text and keeps the overall design feeling open and refined.

text

#757575 (Medium Grey) - Provides good readability on #EFEBE9 or #D7CCC8 backgrounds, maintaining a soft, sophisticated feel without harsh black.

Accessibility notes

  • #757575 text on #EFEBE9 background offers good contrast, likely meeting WCAG AA.
  • #B71C1C provides strong contrast against #EFEBE9 and #D7CCC8, making it suitable for headlines and important text.
  • Avoid using #BCAAA4 or #D7CCC8 for small text on light backgrounds as contrast may be insufficient.
  • Always verify contrast ratios for all text and interactive elements, especially if using the lighter grays for text.

Recommended combinations

Retro Base

#EFEBE9 as a clean background, #757575 for main text and UI, and #B71C1C for impactful highlights.

#EFEBE9 · #757575 · #B71C1C

Subtle Texture

#D7CCC8 for a soft background, #BCAAA4 for content blocks, and #757575 for headers or navigation.

#D7CCC8 · #BCAAA4 · #757575

Bold Accent

#757575 as a primary background, #B71C1C for strong visual elements, and #EFEBE9 for contrasting text.

#757575 · #B71C1C · #EFEBE9

CSS variables

:root {
  --rusty-metal-echoes-1: #757575;
  --rusty-metal-echoes-2: #BCAAA4;
  --rusty-metal-echoes-3: #D7CCC8;
  --rusty-metal-echoes-4: #EFEBE9;
  --rusty-metal-echoes-5: #B71C1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-metal-echoes": {
        1: "#757575",
        2: "#BCAAA4",
        3: "#D7CCC8",
        4: "#EFEBE9",
        5: "#B71C1C",
      }
    }
  }
}

Related searches

retro industrial colorsaged metal red palettemuted grey rust schemevintage patina colorsearthy red grey palette

Palette colors

Hex values

Color 1#757575
·
Color 2#BCAAA4
·
Color 3#D7CCC8
·
Color 4#EFEBE9
·
Color 5#B71C1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.9:1Fail
3.9:1AA18
1.4:1Fail
2
2.1:1Fail
1.4:1Fail
1.9:1Fail
2.9:1Fail
3
2.9:1Fail
1.4:1Fail
1.3:1Fail
4.2:1AA18
4
3.9:1AA18
1.9:1Fail
1.3:1Fail
5.5:1AA
5
1.4:1Fail
2.9:1Fail
4.2:1AA18
5.5:1AA

Similar palettes

More like Rusty Metal Echoes

View all Earth
Vintage Map Compass
Vintage Postcard Sepia
Ancient Roman Fresco
Aged Bronze Patina
Aged Cartographer Hues
Ancient Bronze Patina