Palette

Rusty Metal Echo

A rugged palette reflecting the deep, oxidized hues of aged and rusted metal surfaces, full of history and character.

warmdark5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B2737#A53B25#D9623D#EFC7B0#F8F5EF

Palette guide

How to use Rusty Metal Echo

Overview

The "Rusty Metal Echo" palette is a powerful collection that captures the deep, oxidized hues of aged and rusted metal surfaces, exuding history and character. It features a rich progression from the dark burgundy #6B2737 to the vibrant rust oranges of #A53B25 and #D9623D. These strong, warm tones are beautifully balanced by the soft, almost neutral #EFC7B0 and the near-white #F8F5EF, providing crucial contrast. Designers can employ this palette to evoke a vintage, industrial, or distressed aesthetic. Developers will find it excellent for creating warm, impactful themes, especially where a rugged yet refined visual identity is desired for web or app interfaces.

Best used for

Vintage-inspired branding and packaging
Industrial-themed interior design
Website backgrounds for retro aesthetics
Event promotions with a raw, artistic feel
Digital art and illustration backgrounds
Fashion editorials with an aged, textured look

Suggested color roles

primary

#A53B25 (Deep Rust Orange) - A strong, dominant rust color ideal for main sections, large headlines, or backgrounds where a bold, warm statement is desired.

secondary

#6B2737 (Dark Burgundy) - Use for deep contrast, footers, or navigation elements, providing a rich, grounded anchor to the warmer hues.

accent

#D9623D (Vibrant Rust Orange) - The brightest, most energetic rust, perfect for call-to-action buttons, interactive elements, or key highlights that demand attention.

background

#F8F5EF (Off-White/Cream) - A soft, light background that provides excellent readability for darker text while maintaining a warm, vintage feel.

text

#6B2737 (Dark Burgundy) - Offers strong contrast and a sophisticated look when used on #F8F5EF or #EFC7B0 backgrounds, perfectly fitting the palette's mood.

Accessibility notes

#6B2737 text on #F8F5EF background provides excellent readability and WCAG AA contrast.
Ensure #A53B25 or #D9623D are used for larger text or as accents, as their lower contrast with light backgrounds may not pass WCAG for small text.
#EFC7B0 can serve as a secondary background or for lighter text against #6B2737.
Always check contrast ratios, especially when pairing the mid-range rusts with lighter backgrounds.

Recommended combinations

Warm Vintage

#F8F5EF as a clean background, #6B2737 for main text, and #A53B25 for headers or key elements.

#F8F5EF · #6B2737 · #A53B25

Industrial Contrast

#6B2737 as a dark, dramatic background, #EFC7B0 for primary text, and #D9623D for vibrant accents.

#6B2737 · #D9623D · #EFC7B0

Aged Patina

#EFC7B0 for a soft base, #A53B25 for content blocks, and #D9623D for dynamic highlights.

#EFC7B0 · #A53B25 · #D9623D

CSS variables

:root {
  --rusty-metal-echo-1: #6B2737;
  --rusty-metal-echo-2: #A53B25;
  --rusty-metal-echo-3: #D9623D;
  --rusty-metal-echo-4: #EFC7B0;
  --rusty-metal-echo-5: #F8F5EF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-metal-echo": {
        1: "#6B2737",
        2: "#A53B25",
        3: "#D9623D",
        4: "#EFC7B0",
        5: "#F8F5EF",
      }
    }
  }
}

Hex values

Color 1#6B2737

Color 2#A53B25

Color 3#D9623D

Color 4#EFC7B0

Color 5#F8F5EF

Accessibility

Contrast checker

1.7:1Fail

2.9:1Fail

6.8:1AA

9.8:1AAA

1.7:1Fail

1.8:1Fail

4.1:1AA18

5.9:1AA

2.9:1Fail

1.8:1Fail

2.3:1Fail

3.3:1AA18

6.8:1AA

4.1:1AA18

2.3:1Fail

1.4:1Fail

9.8:1AAA

5.9:1AA

3.3:1AA18

1.4:1Fail

Similar palettes

More like Rusty Metal Echo

View all warm

Copper Vein Rust

Industrial Rust Patina