Palette

Rusty Metal Heritage

The warm, earthy hues of ancient rust and weathered metal, telling tales of bygone industry.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800000#A52A2A#B22222#8B4513#CD5C5C

Palette guide

How to use Rusty Metal Heritage

Overview

The "Rusty Metal Heritage" palette is a rich tapestry of warm, earthy hues, perfect for projects that aim to tell tales of bygone industry and weathered charm. This collection is dominated by deep reds and browns, ranging from the profound #800000 and #A52A2A to the vibrant #B22222 and #CD5C5C. The inclusion of #8B4513, a classic saddle brown, grounds the palette, evoking aged wood or deeper rust. Designers can use this palette to create a vintage, rustic, or deeply natural aesthetic for branding, editorial, or digital experiences. Developers will find these hex codes ideal for themes that convey history, warmth, and a strong, established character.

Best used for

Heritage brand identities (e.g., distilleries, antique shops)
Rustic farmhouse or industrial interior design
Website themes for historical societies or museums
Packaging for artisanal goods
Editorial design for vintage-themed magazines
Digital interfaces for traditional crafts

Suggested color roles

primary

#A52A2A (Brown-Red) - A deep, earthy red-brown that serves as an excellent foundational color for main content areas or large UI sections, providing warmth and stability.

secondary

#800000 (Maroon) - A darker, more intense red, ideal for headers, footers, or as a strong background color to add depth and gravitas.

accent

#B22222 (Firebrick) - A vibrant, classic red, perfect for call-to-action buttons, key navigation elements, or highlights that demand attention.

background

#CD5C5C (Indian Red) - A lighter, more muted rust that can serve as a warm, inviting background, providing a softer alternative to the deeper reds.

text

#800000 (Maroon) - Offers excellent readability on lighter backgrounds like #CD5C5C or a near-white, maintaining the palette's rich, historical feel.

Accessibility notes

Ensure #800000 text on #CD5C5C background meets WCAG contrast guidelines; this pairing should be strong.
The vibrant #B22222 is best for headlines or larger text on lighter backgrounds; avoid for small body text.
For maximum readability on darker backgrounds, use a light cream or off-white text.
Always check contrast ratios, especially when combining the various deep red tones for text and background.

Recommended combinations

Rustic Depth

#CD5C5C as a soft background, #A52A2A for content blocks, and #800000 for powerful headers or footers.

#CD5C5C · #A52A2A · #800000

Warm Accent

#8B4513 for a primary background, #B22222 for striking accents, and #CD5C5C for secondary text.

#8B4513 · #B22222 · #CD5C5C

Heritage Core

#A52A2A for main elements, #800000 for deep contrast, and #CD5C5C for subtle background or highlights.

#A52A2A · #800000 · #CD5C5C

CSS variables

:root {
  --rusty-metal-heritage-1: #800000;
  --rusty-metal-heritage-2: #A52A2A;
  --rusty-metal-heritage-3: #B22222;
  --rusty-metal-heritage-4: #8B4513;
  --rusty-metal-heritage-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-metal-heritage": {
        1: "#800000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#8B4513",
        5: "#CD5C5C",
      }
    }
  }
}

Hex values

Color 1#800000

Color 2#A52A2A

Color 3#B22222

Color 4#8B4513

Color 5#CD5C5C

Accessibility

Contrast checker

1.5:1Fail

1.6:1Fail

1.5:1Fail

2.8:1Fail

1.5:1Fail

1.1:1Fail

1:1Fail

1.8:1Fail

1.6:1Fail

1.1:1Fail

1.7:1Fail

1.5:1Fail

1:1Fail

1.1:1Fail

1.8:1Fail

2.8:1Fail

1.8:1Fail

1.7:1Fail

1.8:1Fail

Similar palettes

More like Rusty Metal Heritage

Rusty Metal Heritage

See it in context.

Ready when you are.

Built with Rusty Metal Heritage.

How to use Rusty Metal Heritage

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Depth

Warm Accent

Heritage Core

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rusty Metal Heritage