Back to palettes

Palette

Aged Leather Study

The rich, comforting hues of an aged leather armchair and antique wooden shelves.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C4033#8B4513#A0522D#C6AA8D#808080

Palette guide

How to use Aged Leather Study

Overview

The Aged Leather Study palette captures the rich, comforting hues of an aged leather armchair and antique wooden shelves. Featuring deep browns like #5C4033, #8B4513, and #A0522D, complemented by the neutral gray of #808080 and a softer tan #C6AA8D, this collection is perfect for designs seeking a vintage, sophisticated, or calming aesthetic. Designers can leverage these warm, grounded hues to create a sense of history, comfort, and intellectual depth. It's versatile for branding, web interfaces, and print materials that aim for a timeless and refined visual experience, ideal for spaces of contemplation.

Best used for

  • Library or study themed branding
  • Vintage academic websites
  • Men's luxury goods marketing
  • Classic interior design concepts
  • Historical society publications
  • Artisan craftsmanship showcases

Suggested color roles

primary

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

secondary

Employ #A0522D for navigation or supporting sections, offering a slightly warmer, aged leather tone.

accent

Apply #C6AA8D as a lighter tan accent for highlights or delicate graphic details, adding warmth.

background

Utilize #808080 as a sophisticated medium gray background, providing a neutral canvas for the warm browns.

text

For body text, a dark charcoal or black (e.g., #333333) provides excellent contrast against #C6AA8D. For headlines on darker backgrounds, a light cream (e.g., #F0F0F0) is recommended.

Accessibility notes

  • Ensure strong contrast for light text (e.g., white) against #5C4033, #8B4513, #A0522D, and #808080 backgrounds.
  • Avoid using #C6AA8D for small body text on #808080 due to potential low contrast; reserve it for accents or larger type.
  • Test color pairings for interactive elements to guarantee they meet WCAG contrast requirements.
  • When using #C6AA8D as a background, ensure a sufficiently dark text color like #5C4033 is used.

Recommended combinations

Study Depth

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

#5C4033 · #8B4513 · #A0522D

Refined Contrast

Highlights a balance between cool gray and warm browns, ideal for distinct content blocks or UI elements.

#808080 · #C6AA8D · #8B4513

Classic Harmony

Provides a clear, readable design with warm accents on a neutral base, suitable for headings and details.

#A0522D · #C6AA8D · #808080

CSS variables

:root {
  --aged-leather-study-2-1: #5C4033;
  --aged-leather-study-2-2: #8B4513;
  --aged-leather-study-2-3: #A0522D;
  --aged-leather-study-2-4: #C6AA8D;
  --aged-leather-study-2-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-leather-study-2": {
        1: "#5C4033",
        2: "#8B4513",
        3: "#A0522D",
        4: "#C6AA8D",
        5: "#808080",
      }
    }
  }
}

Related searches

aged leather study colorsvintage library paletterich brown gray schemeclassic comfort tonessophisticated earth neutrals

Palette colors

Hex values

Color 1#5C4033
·
Color 2#8B4513
·
Color 3#A0522D
·
Color 4#C6AA8D
·
Color 5#808080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
4.3:1AA18
2.4:1Fail
2
1.3:1Fail
1.3:1Fail
3.2:1AA18
1.8:1Fail
3
1.7:1Fail
1.3:1Fail
2.5:1Fail
1.4:1Fail
4
4.3:1AA18
3.2:1AA18
2.5:1Fail
1.8:1Fail
5
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.8:1Fail

Similar palettes

More like Aged Leather Study

View all earth