Back to palettes

Palette

Aged Leather Patina

A range of deep and rich browns, evoking the worn, sophisticated character of antique leather.

warmelegant5 colors
More warm 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

#8B4513#A0522D#D2691E#DEB887#F5DEB3

Palette guide

How to use Aged Leather Patina

Overview

The Aged Leather Patina palette offers a range of deep and rich browns, evoking the worn, sophisticated character of antique leather. Ranging from the robust #8B4513 to the soft #F5DEB3, this collection is perfect for designs seeking an elegant, vintage, or classic aesthetic. Designers can leverage these warm, earthy hues to create a sense of history, luxury, and refined craftsmanship. The mid-tones like #A0522D and #D2691E provide depth and texture, making this palette versatile for branding, web interfaces, and print materials that aim for a timeless and sophisticated visual experience. It offers a grounded yet opulent feel.

Best used for

  • Luxury brand identities
  • Vintage book covers
  • Men's accessory websites
  • Traditional club or lounge interiors
  • High-end spirits packaging
  • Historical preservation projects

Suggested color roles

primary

Use #A0522D as a dominant rich brown for headers or key content areas, providing a strong, established feel.

secondary

Employ #D2691E for navigation or supporting sections, offering a vibrant, warm copper-brown contrast.

accent

Apply #DEB887 as a lighter, creamy accent for highlights or delicate graphic details, mimicking polished leather.

background

Utilize #F5DEB3 as a soft, warm tan background, ensuring excellent readability and a vintage feel.

text

For body text, the deep #8B4513 provides excellent contrast against #F5DEB3. For headlines, #A0522D offers a strong, legible presence on lighter backgrounds.

Accessibility notes

  • Ensure strong contrast for text in #8B4513 or #A0522D against #F5DEB3 backgrounds for readability.
  • Avoid using #DEB887 or #D2691E 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

Rich Leather

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

#8B4513 · #A0522D · #D2691E

Aged Tan

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

#DEB887 · #F5DEB3 · #A0522D

Classic Contrast

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

#F5DEB3 · #8B4513 · #A0522D

CSS variables

:root {
  --aged-leather-patina-2-1: #8B4513;
  --aged-leather-patina-2-2: #A0522D;
  --aged-leather-patina-2-3: #D2691E;
  --aged-leather-patina-2-4: #DEB887;
  --aged-leather-patina-2-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-leather-patina-2": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#D2691E",
        4: "#DEB887",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

aged leather brown paletteantique leather colorsrich brown vintage schemesophisticated earth tonesclassic leather design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#D2691E
·
Color 4#DEB887
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.8:1AA18
5.4:1AA
2
1.3:1Fail
1.5:1Fail
3:1AA18
4.3:1AA18
3
2:1Fail
1.5:1Fail
2:1Fail
2.8:1Fail
4
3.8:1AA18
3:1AA18
2:1Fail
1.4:1Fail
5
5.4:1AA
4.3:1AA18
2.8:1Fail
1.4:1Fail

Similar palettes

More like Aged Leather Patina

View all warm