Back to palettes

Palette

Rusty Metal Patina

Warm and weathered, mimicking the rich, complex hues of aged, rusted metal.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0A880#C7825A#AB603D#8F4522#6F2F12

Palette guide

How to use Rusty Metal Patina

Overview

The "Rusty Metal Patina" palette (ID: rusty-metal-patina-4) offers a warm and weathered spectrum, expertly mimicking the rich, complex hues of aged, rusted metal with a retro flair. This earthy collection smoothly transitions from the delicate #E0A880 and #C7825A to the deeper #AB603D and #8F4522, culminating in the profound #6F2F12. The gradient provides a sense of depth and natural decay. Designers can use this palette to create a vintage, retro, or organic aesthetic for branding, web interfaces, or editorial content. Developers will find these hex codes ideal for themes that convey history, warmth, and a strong, established character, particularly for retro-inspired applications.

Best used for

  • Retro-themed website designs
  • Vintage poster and print design
  • Branding for artisan coffee or baked goods
  • UI for antique-style mobile apps
  • Photography presets with a warm, aged filter
  • Editorial layouts focusing on history or craft

Suggested color roles

primary

#AB603D (Rust Orange) - A rich, balanced rust orange that serves as an excellent main color for content blocks or larger UI components, providing warmth and character.

secondary

#8F4522 (Deep Rust Brown) - A darker, more robust brown, ideal for headers, footers, or background sections that require more visual weight and grounding.

accent

#C7825A (Medium Peach/Orange) - A brighter, softer orange, perfect for subtle accents, interactive elements, or secondary headlines that need a gentle pop.

background

#E0A880 (Light Peach/Tan) - A delicate, warm light background that offers excellent readability for darker text and keeps the overall design feeling open and inviting.

text

#6F2F12 (Very Dark Brown/Red) - Provides strong contrast and a sophisticated, earthy look when used on #E0A880 or #C7825A backgrounds, ensuring readability.

Accessibility notes

  • #6F2F12 text on #E0A880 background offers excellent contrast, meeting WCAG AA.
  • #8F4522 or #AB603D can be used for larger text on #E0A880, but check contrast for smaller text.
  • Avoid using the lighter colors, #E0A880 or #C7825A, for text on similar light backgrounds.
  • Consider using a very dark brown or black for primary text on the lightest backgrounds for universal readability.

Recommended combinations

Warm Gradient

#E0A880 as a soft background, #C7825A for content blocks, and #AB603D for headers or main text.

#E0A880 · #C7825A · #AB603D

Deep Contrast

#6F2F12 for a powerful background, #8F4522 for content blocks, and #E0A880 for contrasting text or highlights.

#6F2F12 · #8F4522 · #E0A880

Retro Pop

#AB603D for main elements, #C7825A for highlights, and #6F2F12 for strong text or accents.

#AB603D · #C7825A · #6F2F12

CSS variables

:root {
  --rusty-metal-patina-4-1: #E0A880;
  --rusty-metal-patina-4-2: #C7825A;
  --rusty-metal-patina-4-3: #AB603D;
  --rusty-metal-patina-4-4: #8F4522;
  --rusty-metal-patina-4-5: #6F2F12;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-metal-patina-4": {
        1: "#E0A880",
        2: "#C7825A",
        3: "#AB603D",
        4: "#8F4522",
        5: "#6F2F12",
      }
    }
  }
}

Related searches

retro rust brown paletteaged metal orange huesearthy vintage colorswarm industrial brownweathered peach tone scheme

Palette colors

Hex values

Color 1#E0A880
·
Color 2#C7825A
·
Color 3#AB603D
·
Color 4#8F4522
·
Color 5#6F2F12
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
4.8:1AA
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.3:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
3.3:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.8:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Rusty Metal Patina

View all earth
Industrial Gear Rust
Rust Belt Revival
Urban Rust Patina
Rusting Industrial Steel
Rusty Gate Foundry
Rusty Gears Steam