Back to palettes

Palette

Worn Leather Bindings

A sophisticated collection of browns and muted grays, echoing the timeless elegance of antique books.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#8B4513#CD853F#D2B48C#696969

Palette guide

How to use Worn Leather Bindings

Overview

The Worn Leather Bindings palette offers a sophisticated collection of rich browns and muted grays, echoing the timeless elegance of antique books and aged leather. With deep, earthy tones like #A0522D and #8B4513, complemented by the warm #CD853F and the soft #D2B48C, this palette exudes heritage and refinement. The inclusion of #696969 provides a versatile neutral anchor, perfect for a balanced design. Designers can leverage these hex codes to create interfaces that convey tradition, craftsmanship, and a sense of enduring quality. Developers will find this palette excellent for establishing a mature and distinguished visual theme across various digital platforms, enhancing user perception of value and history.

Best used for

  • Luxury goods e-commerce
  • Heritage brand websites
  • Publishing house platforms
  • Law firm or financial services branding
  • Museum or gallery digital presence
  • High-end real estate agencies

Suggested color roles

primary

Use #8B4513 for strong headings, navigation, or dominant branding elements, conveying depth and authority.

secondary

The rich #A0522D is excellent for subheadings, secondary content, or to add visual weight to sections.

accent

Apply #CD853F as a warm, inviting accent for interactive elements or key highlights, adding a touch of vibrancy.

background

The light #D2B48C offers a soft, elegant background that promotes readability and warmth.

text

For body text on lighter backgrounds, #8B4513 provides excellent contrast and a sophisticated feel.

Accessibility notes

  • Ensure #8B4513 text on #D2B48C background meets WCAG AA contrast standards.
  • Avoid using #CD853F for small text directly on #D2B48C due to insufficient contrast.
  • Test interactive elements using #A0522D or #CD853F to ensure they are clearly discernible.
  • Use #696969 for secondary text or subtle UI elements where a neutral tone is preferred.

Recommended combinations

Classic Elegance

Ideal for main content areas, providing a light, warm background with strong, readable text and a neutral accent.

#D2B48C · #696969 · #8B4513

Rich Depth

Perfect for creating layered sections, like testimonials or feature blocks, with a luxurious, warm feel.

#A0522D · #8B4513 · #CD853F

Subtle Highlight

A light background with primary text and a warm, inviting accent for calls to action or important links.

#D2B48C · #8B4513 · #CD853F

CSS variables

:root {
  --worn-leather-bindings-2-1: #A0522D;
  --worn-leather-bindings-2-2: #8B4513;
  --worn-leather-bindings-2-3: #CD853F;
  --worn-leather-bindings-2-4: #D2B48C;
  --worn-leather-bindings-2-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-leather-bindings-2": {
        1: "#A0522D",
        2: "#8B4513",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#696969",
      }
    }
  }
}

Related searches

aged leather color palettevintage book binding colorselegant earth tonessophisticated brown grey schemeheritage brand colors

Palette colors

Hex values

Color 1#A0522D
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.8:1Fail
1:1Fail
2
1.3:1Fail
2.4:1Fail
3.6:1AA18
1.3:1Fail
3
1.9:1Fail
2.4:1Fail
1.5:1Fail
1.8:1Fail
4
2.8:1Fail
3.6:1AA18
1.5:1Fail
2.8:1Fail
5
1:1Fail
1.3:1Fail
1.8:1Fail
2.8:1Fail

Similar palettes

More like Worn Leather Bindings

View all earth