Back to palettes

Palette

Aged Leather Patina

Warm, weathered tones evoking the rich, time-worn texture of aged leather.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Leather 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 Aged Leather Patina.

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

Data visualization

#5C4033#7D5A4C#9A7B6A#B79C8C#D4C3BA

Palette guide

How to use Aged Leather Patina

Overview

The Aged Leather Patina palette features warm, weathered tones, evoking the rich, time-worn texture of aged leather. Ranging from the deep #5C4033 to the soft #D4C3BA, this collection is perfect for designs seeking a vintage, rustic, or sophisticated aesthetic. Designers can leverage these warm, earthy hues to create a sense of history, comfort, and natural elegance. The mid-tones like #7D5A4C and #9A7B6A provide depth and texture, making this palette versatile for branding, web interfaces, and print materials that aim for a timeless and inviting visual experience. It offers a grounded yet refined feel.

Best used for

  • Vintage brand identities
  • Rustic home decor websites
  • Artisan craft product packaging
  • Coffee shop and lounge branding
  • Historical documentary interfaces
  • Traditional menswear design

Suggested color roles

primary

Use #7D5A4C as a dominant warm brown for headers or key content areas, providing a rich, established feel.

secondary

Employ #9A7B6A for navigation or supporting sections, offering a lighter, softer aged leather tone.

accent

Apply #B79C8C as a subtle accent for highlights or delicate graphic details, mimicking worn leather creases.

background

Utilize #D4C3BA as a soft, almost off-white background, ensuring excellent readability and a vintage feel.

text

For body text, the deep #5C4033 provides excellent contrast against #D4C3BA. For headlines, #7D5A4C offers a strong, legible presence on lighter backgrounds.

Accessibility notes

  • Ensure strong contrast for text in #5C4033 or #7D5A4C against #D4C3BA backgrounds for readability.
  • Avoid using #B79C8C or #9A7B6A for small body text on light backgrounds; reserve them for accents or larger type.
  • Test color pairings for interactive elements to guarantee they meet WCAG contrast requirements.
  • Consider using a pure black or very dark brown for body copy on very light backgrounds for optimal readability.

Recommended combinations

Weathered Depth

Creates a deep, comforting gradient, perfect for backgrounds or sections requiring warmth and texture.

#5C4033 · #7D5A4C · #9A7B6A

Soft Patina

Highlights a soft, refined transition, ideal for delicate details, overlays, or subtle branding.

#9A7B6A · #B79C8C · #D4C3BA

Grounded Contrast

Provides a clear, readable design with a light background and strong, warm, dark text elements.

#D4C3BA · #5C4033 · #7D5A4C

CSS variables

:root {
  --aged-leather-patina-1: #5C4033;
  --aged-leather-patina-2: #7D5A4C;
  --aged-leather-patina-3: #9A7B6A;
  --aged-leather-patina-4: #B79C8C;
  --aged-leather-patina-5: #D4C3BA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-leather-patina": {
        1: "#5C4033",
        2: "#7D5A4C",
        3: "#9A7B6A",
        4: "#B79C8C",
        5: "#D4C3BA",
      }
    }
  }
}

Related searches

aged leather brown palettevintage rustic color schemewarm earthy tonesantique leather colorstimeworn brown design

Palette colors

Hex values

Color 1#5C4033
·
Color 2#7D5A4C
·
Color 3#9A7B6A
·
Color 4#B79C8C
·
Color 5#D4C3BA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.6:1AA18
5.5:1AA
2
1.5:1Fail
1.6:1Fail
2.4:1Fail
3.6:1AA18
3
2.4:1Fail
1.6:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.5:1AA
3.6:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Aged Leather Patina

View all neutral