Back to palettes

Palette

Aged Leather Charm

Rich, worn browns and creamy undertones evoke the warmth and history of aged, well-loved leather.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A3C2B#8C5F40#B38F6D#DDC9A1#6F4F35

Palette guide

How to use Aged Leather Charm

Overview

The Aged Leather Charm palette features rich, worn browns and creamy undertones, evoking the warmth and history of aged, well-loved leather. Ranging from the deep #5A3C2B and #6F4F35 to the lighter #DDC9A1, 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 comfort, durability, and timeless appeal. The mid-tones like #8C5F40 and #B38F6D provide depth and texture, making this palette versatile for branding, web interfaces, and print materials that aim for an elegant yet grounded visual experience.

Best used for

  • Luxury leather goods branding
  • Vintage interior design themes
  • Artisan craft websites
  • Coffee shop and lounge branding
  • Historical fiction book covers
  • Men's fashion and accessories

Suggested color roles

primary

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

secondary

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

accent

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

background

Utilize #DDC9A1 as a soft, creamy background, ensuring excellent readability and a vintage feel.

text

For body text, a dark brown or black (e.g., #5A3C2B) provides excellent contrast against #DDC9A1. For headlines, #6F4F35 offers a strong, legible presence on lighter backgrounds.

Accessibility notes

  • Ensure strong contrast for text in #5A3C2B or #6F4F35 against #DDC9A1 backgrounds for readability.
  • Avoid using #B38F6D for small body text on lighter backgrounds; reserve it 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

Worn Leather

Creates a rich, layered effect, perfect for backgrounds or sections requiring depth and texture.

#5A3C2B · #8C5F40 · #B38F6D

Creamy Patina

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

#B38F6D · #DDC9A1 · #8C5F40

Grounded Contrast

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

#DDC9A1 · #6F4F35 · #5A3C2B

CSS variables

:root {
  --aged-leather-charm-1: #5A3C2B;
  --aged-leather-charm-2: #8C5F40;
  --aged-leather-charm-3: #B38F6D;
  --aged-leather-charm-4: #DDC9A1;
  --aged-leather-charm-5: #6F4F35;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-leather-charm": {
        1: "#5A3C2B",
        2: "#8C5F40",
        3: "#B38F6D",
        4: "#DDC9A1",
        5: "#6F4F35",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#5A3C2B
·
Color 2#8C5F40
·
Color 3#B38F6D
·
Color 4#DDC9A1
·
Color 5#6F4F35
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
6.1:1AA
1.3:1Fail
2
1.8:1Fail
1.8:1Fail
3.4:1AA18
1.3:1Fail
3
3.3:1AA18
1.8:1Fail
1.8:1Fail
2.5:1Fail
4
6.1:1AA
3.4:1AA18
1.8:1Fail
4.5:1AA
5
1.3:1Fail
1.3:1Fail
2.5:1Fail
4.5:1AA

Similar palettes

More like Aged Leather Charm

View all earth