Back to palettes

Palette

Old Book Leather

Rich, warm browns and tans reminiscent of aged leather-bound books and classic studies.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Book Leather 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 Old Book Leather.

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

Data visualization

#5C4033#7F5E4D#A0836D#C4A78F#3A2821

Palette guide

How to use Old Book Leather

Overview

The Old Book Leather palette is a collection of rich, warm browns and deep earthy tones that evoke the timeless elegance of aged leather-bound books. Featuring the deep, grounding `#3A2821`, the classic mid-brown `#7F5E4D`, and the lighter, softened tan `#C4A78F`, this palette is steeped in tradition and warmth. It's ideal for designs that aim to convey a sense of heritage, craftsmanship, or cozy sophistication. Developers and designers can use these colors to build interfaces that feel established, luxurious, and inviting, perfect for projects requiring a touch of vintage charm or rustic appeal.

Best used for

  • Luxury brand websites and packaging
  • Traditional office or study decor themes
  • Craft beer or whiskey branding
  • Vintage photography website design
  • High-end furniture e-commerce
  • Boutique hotel branding

Suggested color roles

primary

The darkest shade, `#3A2821`, serves as an excellent primary for strong headers, navigation, or footer backgrounds.

secondary

Use `#7F5E4D` for content sections, secondary buttons, or as a rich border color to add depth.

accent

Apply `#A0836D` or `#C4A78F` for subtle highlights, interactive elements, or decorative details that require a softer touch.

background

A lighter tone like `#C4A78F` can work for backgrounds, or pair with a near-white for contrast.

text

For optimal readability on lighter backgrounds, a dark brown like `#3A2821` or `#5C4033` is recommended. For dark backgrounds, a light cream or white text would be suitable.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like `#C4A78F` with text from the darker end of the palette, e.g., `#3A2821`.
  • Avoid using mid-tones such as `#7F5E4D` on `#A0836D` for text and background as contrast might be insufficient.
  • The darkest color, `#3A2821`, provides excellent contrast for text on lighter backgrounds.
  • Consider using a stark white or very light cream for text on the darkest colors (`#3A2821`, `#5C4033`) to ensure legibility.

Recommended combinations

Classic Study

Excellent for creating a rich, layered UI with a dark base, warm mid-tone, and a soft highlight for readability.

#3A2821 · #7F5E4D · #C4A78F

Aged Binding

Ideal for content blocks, card backgrounds, or sections where a warm, inviting, and slightly rustic feel is desired.

#5C4033 · #A0836D · #C4A78F

Rustic Elegance

Use `#7F5E4D` for backgrounds, `#C4A78F` for accents, and `#3A2821` for strong text or icons.

#7F5E4D · #C4A78F · #3A2821

CSS variables

:root {
  --old-book-leather-1: #5C4033;
  --old-book-leather-2: #7F5E4D;
  --old-book-leather-3: #A0836D;
  --old-book-leather-4: #C4A78F;
  --old-book-leather-5: #3A2821;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-book-leather": {
        1: "#5C4033",
        2: "#7F5E4D",
        3: "#A0836D",
        4: "#C4A78F",
        5: "#3A2821",
      }
    }
  }
}

Related searches

leather color palettevintage brown schemerustic earth tonesclassic study colorsaged material palette

Palette colors

Hex values

Color 1#5C4033
·
Color 2#7F5E4D
·
Color 3#A0836D
·
Color 4#C4A78F
·
Color 5#3A2821
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.1:1AA18
1.5:1Fail
2
1.6:1Fail
1.7:1Fail
2.6:1Fail
2.4:1Fail
3
2.7:1Fail
1.7:1Fail
1.6:1Fail
4:1AA18
4
4.1:1AA18
2.6:1Fail
1.6:1Fail
6.2:1AA
5
1.5:1Fail
2.4:1Fail
4:1AA18
6.2:1AA

Similar palettes

More like Old Book Leather

View all earth
Aged Manuscript Bindings
Aged Leather Comfort
Antique Leather
Artisan Leather Craft
Gilded Tome Pages
Patina Relic Trace