Back to palettes

Palette

Worn Leather Library

A rich, masculine palette evoking the well-loved textures and history of an old leather-bound book.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A3B2F#8B5F4D#B38C7A#DCCBBF#4B2E24

Palette guide

How to use Worn Leather Library

Overview

The Worn Leather Library palette exudes a sense of distinguished warmth and masculine elegance, drawing inspiration from classic, well-loved spaces. It features a deep, grounding brown like #4B2E24, which serves as a robust anchor. Rich mid-tones such as #5A3B2F and #8B5F4D offer substantial depth, while lighter, aged browns like #B38C7A and the soft cream of #DCCBBF provide balance and contrast. This palette is exceptionally useful for designers and developers aiming to create environments that feel established, luxurious, and inviting. It's perfect for projects requiring a sophisticated, timeless aesthetic with a touch of vintage charm and earthy appeal.

Best used for

  • High-end men's fashion or grooming brands
  • Luxury real estate websites
  • Bespoke furniture or artisan craft sites
  • Classic automotive or watch brands
  • Editorial design for history or literature
  • Sophisticated corporate branding

Suggested color roles

primary

#4B2E24 - A very deep, commanding brown, perfect for strong branding, main headings, or foundational UI elements.

secondary

#5A3B2F - Excellent for subheadings, navigation, or significant content sections, offering a slightly softer depth.

accent

#8B5F4D - A warm, inviting mid-brown that works well for interactive elements, highlights, or decorative flourishes.

background

#DCCBBF - A soft, warm cream that provides an elegant, readable canvas for content, enhancing the palette's vintage feel.

text

#4B2E24 - Provides strong contrast on light backgrounds like #DCCBBF. For darker backgrounds, use white or a very light cream.

Accessibility notes

  • Ensure #4B2E24 text on #DCCBBF background meets WCAG AAA for optimal readability.
  • Be cautious using #B38C7A text on #DCCBBF for smaller fonts due to potential low contrast.
  • All interactive elements should have distinct hover and focus states using contrasting palette colors.
  • Use sufficient line height and letter spacing when applying darker browns on lighter backgrounds.

Recommended combinations

Scholarly Contrast

A strong visual hierarchy for titles, key information, and a clean reading background.

#4B2E24 · #8B5F4D · #DCCBBF

Rich Layers

Creates depth and sophistication, ideal for hero images or textured UI sections.

#5A3B2F · #B38C7A · #4B2E24

Vintage Softness

Excellent for subtle gradients, soft backgrounds, or secondary information panels.

#8B5F4D · #B38C7A · #DCCBBF

CSS variables

:root {
  --worn-leather-library-1: #5A3B2F;
  --worn-leather-library-2: #8B5F4D;
  --worn-leather-library-3: #B38C7A;
  --worn-leather-library-4: #DCCBBF;
  --worn-leather-library-5: #4B2E24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-leather-library": {
        1: "#5A3B2F",
        2: "#8B5F4D",
        3: "#B38C7A",
        4: "#DCCBBF",
        5: "#4B2E24",
      }
    }
  }
}

Related searches

dark brown color schemeelegant vintage palettemasculine earthy toneslibrary aesthetic colorssophisticated brown design

Palette colors

Hex values

Color 1#5A3B2F
·
Color 2#8B5F4D
·
Color 3#B38C7A
·
Color 4#DCCBBF
·
Color 5#4B2E24
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
6.3:1AA
1.2:1Fail
2
1.8:1Fail
1.8:1Fail
3.5:1AA18
2.2:1Fail
3
3.3:1AA18
1.8:1Fail
1.9:1Fail
4.1:1AA18
4
6.3:1AA
3.5:1AA18
1.9:1Fail
7.8:1AAA
5
1.2:1Fail
2.2:1Fail
4.1:1AA18
7.8:1AAA

Similar palettes

More like Worn Leather Library

View all earth