Back to palettes

Palette

Worn Leather Study

Evokes the rich, textured appearance of aged leather, full of history and comfort.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6F4A3E#9A6A5B#D1B3A0#4A2B20#8A5F4E

Palette guide

How to use Worn Leather Study

Overview

The Worn Leather Study palette evokes the comfortable, intellectual atmosphere of a well-loved study, featuring a sophisticated array of warm browns and inviting tans. Anchored by the deep, resonant #4A2B20, it flows through rich mid-tones like #6F4A3E and #8A5F4E, culminating in the soft, elegant #9A6A5B and the gentle cream of #D1B3A0. This palette is a superb choice for designers and developers aiming to create digital or physical spaces that feel refined, grounded, and rich in history. It's ideal for projects requiring a blend of vintage charm and understated luxury, reminiscent of antique books and worn leather armchairs.

Best used for

  • Academic institution branding
  • Bookstore or library websites
  • Home decor e-commerce
  • Gentleman's club or lounge interior design
  • History-focused applications
  • Elegant publishing house materials

Suggested color roles

primary

#4A2B20 - A very deep, serious brown, perfect for strong branding, main headings, or foundational elements.

secondary

#6F4A3E - A rich, warm brown, excellent for subheadings, navigation, or significant content blocks.

accent

#8A5F4E - A balanced, inviting mid-brown, ideal for interactive elements, highlights, or decorative touches.

background

#D1B3A0 - A soft, warm tan that provides a comfortable and readable canvas, enhancing the palette's scholarly feel.

text

#4A2B20 - Offers excellent contrast on light backgrounds like #D1B3A0. For darker backgrounds, use white or a very light cream.

Accessibility notes

  • Ensure #4A2B20 text on #D1B3A0 background meets WCAG AAA contrast standards.
  • Avoid using #9A6A5B for small text on #D1B3A0 to maintain readability.
  • All interactive elements should have distinct and accessible hover/focus states.
  • Consider larger font sizes for text elements using mid-tones like #8A5F4E on slightly darker backgrounds.

Recommended combinations

Scholarly Base

A strong dark, a warm mid-tone, and a light background for clear hierarchy.

#4A2B20 · #8A5F4E · #D1B3A0

Refined Layers

Creates depth and texture for hero sections or sophisticated UI elements.

#6F4A3E · #9A6A5B · #4A2B20

Vintage Comfort

Excellent for soft gradients, background patterns, or subtle UI transitions.

#8A5F4E · #9A6A5B · #D1B3A0

CSS variables

:root {
  --worn-leather-study-1: #6F4A3E;
  --worn-leather-study-2: #9A6A5B;
  --worn-leather-study-3: #D1B3A0;
  --worn-leather-study-4: #4A2B20;
  --worn-leather-study-5: #8A5F4E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-leather-study": {
        1: "#6F4A3E",
        2: "#9A6A5B",
        3: "#D1B3A0",
        4: "#4A2B20",
        5: "#8A5F4E",
      }
    }
  }
}

Related searches

study room colorsantique brown palettesophisticated earthy tonesvintage library aestheticwarm neutral design

Palette colors

Hex values

Color 1#6F4A3E
·
Color 2#9A6A5B
·
Color 3#D1B3A0
·
Color 4#4A2B20
·
Color 5#8A5F4E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.9:1AA18
1.6:1Fail
1.4:1Fail
2
1.7:1Fail
2.3:1Fail
2.8:1Fail
1.2:1Fail
3
3.9:1AA18
2.3:1Fail
6.4:1AA
2.8:1Fail
4
1.6:1Fail
2.8:1Fail
6.4:1AA
2.3:1Fail
5
1.4:1Fail
1.2:1Fail
2.8:1Fail
2.3:1Fail

Similar palettes

More like Worn Leather Study

View all earth