Palette

Aged Leather Comfort

A comforting collection of warm browns and tans, evoking the richness of aged leather goods.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#D2B48C#F5DEB3#5A2A0C

Palette guide

How to use Aged Leather Comfort

Overview

The Aged Leather Comfort palette is a comforting collection of warm browns and tans, evoking the richness of aged leather goods. Ranging from the deep #5A2A0C to the softest #F5DEB3, this palette is perfect for designs seeking a rustic, vintage, or cozy aesthetic. Designers can leverage these inviting hues to create a sense of comfort, familiarity, and natural elegance. The mid-tones like #8B4513 and #A0522D 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 approachable feel.

Best used for

Rustic home decor websites
Vintage apparel branding
Craft beer or whiskey labels
Cozy cafe interior design
Autumnal marketing campaigns
Traditional craftsmanship showcases

Suggested color roles

primary

Use #A0522D as a dominant warm brown for headers or key content areas, providing a rich, inviting presence.

secondary

Employ #8B4513 for navigation or supporting sections, offering a deeper, grounding earth tone.

accent

Apply #D2B48C as a soft, creamy accent for highlights or delicate graphic details, mimicking worn leather creases.

background

Utilize #F5DEB3 as a light, warm tan background, ensuring excellent readability and a comfortable feel.

text

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

Accessibility notes

Ensure strong contrast for text in #5A2A0C or #8B4513 against #F5DEB3 backgrounds for readability.
Avoid using #D2B48C for small body text on light 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

Rich Comfort

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

#5A2A0C · #A0522D · #D2B48C

Soft Tan

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

#F5DEB3 · #D2B48C · #A0522D

Earthy Ground

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

#8B4513 · #F5DEB3 · #5A2A0C

CSS variables

:root {
  --aged-leather-comfort-2-1: #8B4513;
  --aged-leather-comfort-2-2: #A0522D;
  --aged-leather-comfort-2-3: #D2B48C;
  --aged-leather-comfort-2-4: #F5DEB3;
  --aged-leather-comfort-2-5: #5A2A0C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-leather-comfort-2": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#5A2A0C",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#D2B48C

Color 4#F5DEB3

Color 5#5A2A0C

Accessibility

Contrast checker

1.3:1Fail

3.6:1AA18

5.4:1AA

1.7:1Fail

1.3:1Fail

2.8:1Fail

4.3:1AA18

2.1:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

6:1AA

5.4:1AA

4.3:1AA18

1.5:1Fail

9:1AAA

1.7:1Fail

2.1:1Fail

6:1AA

9:1AAA

Similar palettes

More like Aged Leather Comfort

View all neutral

Antique Library Scroll

Aged Scroll Patina

Antique Map Parchment

Coastal Driftwood Relic

Heirloom Pantry Tones

Old Book Pages