Palette

Copper Patina Rust

The rich, warm hues of aged copper and bronze, showing off their beautiful, oxidized patina.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Copper Patina Rust 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 Copper Patina Rust.

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

Data visualization

#7B4D2C#A36B41#C78D5B#5A361C#B37A50

Palette guide

How to use Copper Patina Rust

Overview

The Copper Patina Rust palette captures the rich, warm hues of aged copper and bronze, showcasing their beautiful, oxidized patina. With deep #7B4D2C (Dark Rust) and #A36B41 (Burnished Bronze), this collection provides designers with a robust and authentic range. The brighter #C78D5B and #B37A50 offer warm, mellow highlights, while #5A361C provides grounding depth. Developers can leverage these hues to create user interfaces that feel established, handcrafted, and genuinely rustic, perfect for brands emphasizing heritage, durability, or natural materials. This palette is exceptionally versatile, blending rich warmth with a sense of history, ideal for projects seeking a distinguished and earthy aesthetic.

Best used for

rustic furniture e-commerce
craft brewery brand identity
vintage-inspired signage
farmhouse decor website
historical preservation projects
outdoor adventure gear branding

Suggested color roles

primary

#7B4D2C (Dark Rust) provides a strong, earthy, and warm base, ideal for main brand elements, headers, or significant UI components.

secondary

#A36B41 (Burnished Bronze) offers a rich, warm complement, suitable for subheadings, secondary content blocks, or rustic navigation.

accent

#C78D5B (Mellow Copper) acts as a soft, luminous highlight. Perfect for delicate UI elements, icons, or to subtly draw attention to key information.

background

#B37A50 (Aged Peach) offers a versatile, mid-tone background that supports content with a subtle warmth and aged feel.

text

#5A361C (Deep Sepia) offers excellent readability against lighter colors like #C78D5B or #B37A50. For darker backgrounds, consider white or a near-white.

Accessibility notes

Ensure #5A361C text has high contrast against #C78D5B or #B37A50 for optimal readability, meeting WCAG AA standards.
Avoid using #A36B41 and #B37A50 for text and background combinations due to their similar luminosity.
When using #C78D5B for text, pair it with a significantly dark background to ensure legibility, especially for small text.
Check contrast ratios for all interactive elements, ensuring they are clearly distinguishable against adjacent colors.

Recommended combinations

Rustic Core

Creates a grounded, warm, and authentic brand identity, excellent for rustic logos and primary web sections.

#7B4D2C · #A36B41 · #5A361C

Patina Glow

Ideal for soft, aged backgrounds or subtle decorative elements, evoking a vintage and refined feel.

#A36B41 · #C78D5B · #B37A50

Deep Highlight

Effective for strong headlines or calls-to-action against a light background, providing clear hierarchy and depth.

#5A361C · #C78D5B · #7B4D2C

CSS variables

:root {
  --copper-patina-rust-1: #7B4D2C;
  --copper-patina-rust-2: #A36B41;
  --copper-patina-rust-3: #C78D5B;
  --copper-patina-rust-4: #5A361C;
  --copper-patina-rust-5: #B37A50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-patina-rust": {
        1: "#7B4D2C",
        2: "#A36B41",
        3: "#C78D5B",
        4: "#5A361C",
        5: "#B37A50",
      }
    }
  }
}

Hex values

Color 1#7B4D2C

Color 2#A36B41

Color 3#C78D5B

Color 4#5A361C

Color 5#B37A50

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

1.5:1Fail

2:1Fail

1.6:1Fail

2.4:1Fail

1.2:1Fail

2.5:1Fail

1.6:1Fail

3.7:1AA18

1.3:1Fail

1.5:1Fail

2.4:1Fail

3.7:1AA18

2.9:1Fail

2:1Fail

1.2:1Fail

1.3:1Fail

2.9:1Fail

Similar palettes

More like Copper Patina Rust

Copper Patina Rust

See it in context.

Ready when you are.

Built with Copper Patina Rust.

How to use Copper Patina Rust

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Core

Patina Glow

Deep Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Copper Patina Rust