Back to palettes

Palette

Worn Leather Bindings

Rich, aged tones evoking the tactile feel of old, worn leather book bindings.

earthretro5 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

#8B4513#A0522D#CD853F#B22222#6B8E23

Palette guide

How to use Worn Leather Bindings

Overview

The Worn Leather Bindings palette presents a robust collection of rich, aged tones, perfectly evoking the tactile feel of old, worn leather book bindings. Featuring deep browns like #8B4513 and #A0522D, complemented by the vibrant #CD853F, this palette also introduces unexpected accents with #B22222 and #6B8E23. This unique combination allows designers to create interfaces that convey history, warmth, and a touch of rustic charm. It's ideal for brands seeking to communicate authenticity and handcrafted quality. Developers will find these hex codes valuable for establishing a distinct visual identity that stands out while maintaining a classic and inviting appeal across digital platforms.

Best used for

  • Artisanal craft e-commerce
  • Vintage goods marketplaces
  • Rustic cafe or restaurant branding
  • Outdoor adventure gear websites
  • Handmade jewelry or leather goods shops
  • Historical society digital archives

Suggested color roles

primary

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

secondary

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

accent

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

background

For backgrounds, a very light cream or a neutral beige would best complement these rich tones, or use #CD853F for a bold section.

text

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

Accessibility notes

  • Ensure #8B4513 text on a light cream background meets WCAG AA contrast standards.
  • Exercise caution when using #B22222 or #6B8E23 for text, ensuring sufficient contrast against backgrounds.
  • Test interactive elements using #CD853F to ensure they are clearly discernible and accessible.
  • Avoid placing #CD853F text directly on #A0522D as contrast might be insufficient.

Recommended combinations

Rustic Core

Perfect for creating a warm, layered base for content areas, embodying the essence of aged leather.

#8B4513 · #A0522D · #CD853F

Bold Accents

Use the deep brown as a base, with the red and green providing striking, unexpected accents for calls to action or key features.

#8B4513 · #B22222 · #6B8E23

Warm & Inviting

A warm background with rich brown text and secondary elements, creating an inviting, cozy feel.

#CD853F · #8B4513 · #A0522D

CSS variables

:root {
  --worn-leather-bindings-1: #8B4513;
  --worn-leather-bindings-2: #A0522D;
  --worn-leather-bindings-3: #CD853F;
  --worn-leather-bindings-4: #B22222;
  --worn-leather-bindings-5: #6B8E23;
}

Tailwind config

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

Related searches

worn leather color schemevintage book paletterustic earth tonesaged brown and red colorsheritage design palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#CD853F
·
Color 4#B22222
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
1.1:1Fail
1.9:1Fail
2
1.3:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
3
2.4:1Fail
1.9:1Fail
2.2:1Fail
1.3:1Fail
4
1.1:1Fail
1.2:1Fail
2.2:1Fail
1.8:1Fail
5
1.9:1Fail
1.5:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Worn Leather Bindings

View all earth