Back to palettes

Palette

Vintage Leather Bound

Warm and rich browns, evoking the timeless feel of old, well-loved leather-bound books and furniture.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Leather Bound 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 Vintage Leather Bound.

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

Data visualization

#4E2C1C#6F3C2C#8D4F3E#A06454#B77B6D

Palette guide

How to use Vintage Leather Bound

Overview

The Vintage Leather Bound palette offers a rich and sophisticated spectrum of warm browns, perfectly evoking the timeless feel of old, well-loved leather-bound books and classic furniture. Ranging from the deep, grounding #4E2C1C to the lighter, inviting #B77B6D, and including versatile shades like #6F3C2C and #8D4F3E, this collection provides designers and developers with a robust natural foundation. It's an excellent choice for projects seeking a sense of heritage, warmth, and refined elegance, creating an atmosphere of comfort and enduring quality, reminiscent of a distinguished study or library.

Best used for

  • Branding for luxury goods, bespoke tailoring, or artisanal crafts
  • Websites for publishing houses, antique dealers, or heritage brands
  • Interior design concepts for libraries, studies, or classic living rooms
  • Packaging for premium spirits, leather goods, or gourmet coffee
  • UI/UX designs for elegant e-commerce sites or professional platforms
  • Editorial layouts for history, literature, or art publications

Suggested color roles

primary

Use #4E2C1C as a dominant primary for backgrounds, headers, or strong graphical elements to establish a deep, authoritative presence.

secondary

Employ #6F3C2C for secondary content blocks, subheadings, or navigation elements, providing a rich, supporting tone.

accent

Apply #A06454 or #B77B6D sparingly for interactive elements, highlights, or decorative details to introduce warmth and visual interest.

background

For a deep, sophisticated background, #4E2C1C is ideal. For lighter content areas, #B77B6D can serve as a warm, inviting canvas.

text

For body text on darker backgrounds, a light cream or white provides excellent contrast. On lighter browns like #B77B6D, #4E2C1C ensures readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #B77B6D text on #A06454 backgrounds (check WCAG AA).
  • The contrast between #4E2C1C and #B77B6D is excellent for text readability.
  • Avoid using #8D4F3E for text on #6F3C2C as contrast may be insufficient for accessibility.
  • Always test color combinations with accessibility checkers, especially for interactive elements and small text.

Recommended combinations

Rich Foundation

Creates a deep, luxurious base with a warm highlight, perfect for impactful headers and text.

#4E2C1C · #6F3C2C · #B77B6D

Warm Layers

Offers a gentle progression of warm browns, ideal for subtle hierarchy and layered UI elements.

#8D4F3E · #A06454 · #B77B6D

Elegant Contrast

Provides clear readability with a touch of sophisticated warmth, suitable for text and interactive elements.

#4E2C1C · #B77B6D · #A06454

CSS variables

:root {
  --vintage-leather-bound-2-1: #4E2C1C;
  --vintage-leather-bound-2-2: #6F3C2C;
  --vintage-leather-bound-2-3: #8D4F3E;
  --vintage-leather-bound-2-4: #A06454;
  --vintage-leather-bound-2-5: #B77B6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-leather-bound-2": {
        1: "#4E2C1C",
        2: "#6F3C2C",
        3: "#8D4F3E",
        4: "#A06454",
        5: "#B77B6D",
      }
    }
  }
}

Related searches

vintage leather color schemerich brown paletteantique rustic designwarm heritage colorsclassic study aesthetic

Palette colors

Hex values

Color 1#4E2C1C
·
Color 2#6F3C2C
·
Color 3#8D4F3E
·
Color 4#A06454
·
Color 5#B77B6D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.6:1Fail
3.6:1AA18
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
2:1Fail
1.4:1Fail
1.3:1Fail
1.8:1Fail
4
2.6:1Fail
1.9:1Fail
1.3:1Fail
1.4:1Fail
5
3.6:1AA18
2.6:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Vintage Leather Bound

View all neutral