Back to palettes

Palette

Copper Age Patina

Rich, earthy tones reminiscent of ancient, weathered copper and aged artifacts.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A2E1F#7C4E3A#B37A5D#E0AC8B#F6D2B2

Palette guide

How to use Copper Age Patina

Overview

The Copper Age Patina palette offers a rich and sophisticated collection of warm, earthy tones, reminiscent of ancient, weathered copper and aged artifacts. Ranging from the deep #4A2E1F to the lighter #F6D2B2, with mid-tones like #7C4E3A, #B37A5D, and #E0AC8B, this palette exudes a sense of history, authenticity, and rustic elegance. Designers and developers can leverage these hex codes to create warm, inviting, and timeless interfaces, robust branding, or evocative digital experiences. It's an excellent choice for projects requiring a vintage, heritage, or natural craft aesthetic, offering depth and a grounded appeal.

Best used for

  • Artisan craft product branding
  • History museum digital exhibits
  • Vintage-inspired fashion websites
  • Rustic cafe or restaurant branding
  • Luxury leather goods e-commerce
  • Cultural heritage websites

Suggested color roles

primary

Use #4A2E1F as a dominant, deep primary for headers, footers, or strong foundational elements.

secondary

Apply #7C4E3A for secondary content areas, navigation, or subtle textural elements.

accent

Introduce #E0AC8B as a warm, inviting accent for interactive elements or highlighted content.

background

The lighter #F6D2B2 provides a soft, warm background for optimal readability.

text

A dark brown (#2D1C13) or black (#000000) provides excellent contrast on lighter backgrounds, while white (#FFFFFF) works on darker tones.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing mid-tones like #B37A5D with text.
  • Text in dark brown on #F6D2B2 and #E0AC8B will be highly readable.
  • White text will be necessary for #4A2E1F and #7C4E3A to meet WCAG contrast standards.
  • Use #B37A5D for interactive elements to ensure they stand out against deeper backgrounds.

Recommended combinations

Aged Depth

Excellent for sophisticated dark mode themes, strong headers, or elegant footers.

#4A2E1F · #7C4E3A · #B37A5D

Patina Glow

Use for contrasting content blocks, subtle gradients, or warm interactive elements.

#B37A5D · #E0AC8B · #7C4E3A

Vintage Touch

Ideal for layered backgrounds, textured elements, or a rich, inviting visual hierarchy.

#F6D2B2 · #4A2E1F · #E0AC8B

CSS variables

:root {
  --copper-age-patina-1: #4A2E1F;
  --copper-age-patina-2: #7C4E3A;
  --copper-age-patina-3: #B37A5D;
  --copper-age-patina-4: #E0AC8B;
  --copper-age-patina-5: #F6D2B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-age-patina": {
        1: "#4A2E1F",
        2: "#7C4E3A",
        3: "#B37A5D",
        4: "#E0AC8B",
        5: "#F6D2B2",
      }
    }
  }
}

Related searches

copper brown color paletteaged antique hex codesrustic warm design colorsheritage brand identity paletteearthy retro UI colors

Palette colors

Hex values

Color 1#4A2E1F
·
Color 2#7C4E3A
·
Color 3#B37A5D
·
Color 4#E0AC8B
·
Color 5#F6D2B2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.4:1AA18
6.1:1AA
8.7:1AAA
2
1.8:1Fail
1.9:1Fail
3.5:1AA18
4.9:1AA
3
3.4:1AA18
1.9:1Fail
1.8:1Fail
2.5:1Fail
4
6.1:1AA
3.5:1AA18
1.8:1Fail
1.4:1Fail
5
8.7:1AAA
4.9:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Copper Age Patina

View all warm
Aged Saddle Stitch
Antique Bookbinding
Antique Map Journey
Rustic Espresso Roast
Rusty Metal
Warm Sepia Memories