Palette

Copper Pot Patina

Rich, aged coppers and muted oranges, showing the weathered beauty of old copperware.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#C66E3A#E08D5B#F7AD80#7B3E21

Palette guide

How to use Copper Pot Patina

Overview

The Copper Pot Patina palette offers rich, aged coppers and muted oranges, showcasing the weathered beauty of old copperware. With deep #A0522D (Sienna Rust) and #C66E3A (Burnished Orange), this collection provides designers with an authentic and robust range. The brighter #E08D5B and #F7AD80 add mellow, warm highlights, while #7B3E21 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 artisanal quality. This palette is exceptionally versatile, blending rich warmth with a sense of history, ideal for projects seeking a distinguished and earthy aesthetic with a touch of vintage charm.

Best used for

rustic artisan product branding
antique market website design
heritage craft store identity
farm-to-table restaurant decor
vintage collectibles showcase
traditional home goods marketing

Suggested color roles

primary

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

secondary

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

accent

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

background

#F7AD80 (Light Peach) offers a versatile, warm background that supports content with a subtle lightness and aged feel.

text

#7B3E21 (Deep Umber) offers excellent readability against lighter colors like #E08D5B or #F7AD80. For darker backgrounds, consider white or a near-white.

Accessibility notes

Ensure #7B3E21 text has high contrast against #E08D5B or #F7AD80 for optimal readability, meeting WCAG AA standards.
Avoid using #A0522D and #C66E3A for text and background combinations due to their similar luminosity.
When using #E08D5B 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.

#A0522D · #C66E3A · #7B3E21

Patina Glow

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

#C66E3A · #E08D5B · #F7AD80

Deep Accent

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

#7B3E21 · #E08D5B · #A0522D

CSS variables

:root {
  --copper-pot-patina-1: #A0522D;
  --copper-pot-patina-2: #C66E3A;
  --copper-pot-patina-3: #E08D5B;
  --copper-pot-patina-4: #F7AD80;
  --copper-pot-patina-5: #7B3E21;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-pot-patina": {
        1: "#A0522D",
        2: "#C66E3A",
        3: "#E08D5B",
        4: "#F7AD80",
        5: "#7B3E21",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#C66E3A

Color 3#E08D5B

Color 4#F7AD80

Color 5#7B3E21

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

3:1AA18

1.5:1Fail

1.4:1Fail

2:1Fail

2.2:1Fail

1.4:1Fail

3.2:1AA18

3:1AA18

2:1Fail

1.4:1Fail

4.4:1AA18

1.5:1Fail

2.2:1Fail

3.2:1AA18

4.4:1AA18

Similar palettes

More like Copper Pot Patina

Copper Pot Patina

See it in context.

Ready when you are.

Built with Copper Pot Patina.

How to use Copper Pot Patina

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Core

Patina Glow

Deep Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Copper Pot Patina