Back to palettes

Palette

Worn Leather Bound

Rich browns and muted creams reflect the elegant, weathered patina of an old leather-bound book.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E382B#7A5A4B#A58C7F#D1BEB2#EADFD6

Palette guide

How to use Worn Leather Bound

Overview

The Worn Leather Bound palette offers a sophisticated range of warm, muted browns and creams, perfect for conveying a sense of heritage and refined elegance. This collection features the deep, grounding tone of #4E382B, a rich mid-brown #7A5A4B, and a soft, inviting tan #A58C7F. Lighter shades like #D1BEB2 and the delicate cream of #EADFD6 complete the set, providing excellent contrast and versatility. Designers and developers can leverage this palette to create timeless digital and physical experiences, from vintage-inspired websites to upscale branding. It evokes the comforting feel of an antique library, ideal for projects requiring warmth, depth, and a touch of classic charm.

Best used for

  • Luxury brand websites or apps
  • Vintage-inspired product packaging
  • Interior design concepts for libraries or studies
  • Publishing house branding
  • Retro-themed game interfaces
  • Elegant e-commerce platforms

Suggested color roles

primary

#4E382B - Use for strong brand elements, headers, or main calls to action where a deep, rich foundation is needed.

secondary

#7A5A4B - Excellent for subheadings, navigation menus, or secondary content blocks to add warmth without overpowering.

accent

#A58C7F - Ideal for subtle highlights, interactive elements, or decorative details to introduce a lighter, more aged brown.

background

#EADFD6 - A gentle, near-white cream that provides a soft, inviting canvas for content, ensuring readability and elegance.

text

#4E382B - Provides excellent contrast against lighter backgrounds like #EADFD6; for darker backgrounds, use a light cream or white text.

Accessibility notes

  • Ensure #4E382B text against #EADFD6 background meets WCAG AAA standards.
  • Avoid using #D1BEB2 directly on #EADFD6 for small text to prevent low contrast issues.
  • Use a robust color contrast checker for all foreground/background pairings.
  • Consider larger font sizes for text elements using mid-tones like #A58C7F.

Recommended combinations

Classic Elegance

A sophisticated trio for headers, subtext, and a clean background in editorial design.

#4E382B · #A58C7F · #EADFD6

Warm Depth

Creates a rich, layered effect suitable for hero sections or detailed UI components.

#7A5A4B · #D1BEB2 · #4E382B

Subtle Gradient

Perfect for soft backgrounds, gradients, or subtle transitions in UI elements.

#A58C7F · #D1BEB2 · #EADFD6

CSS variables

:root {
  --worn-leather-bound-1: #4E382B;
  --worn-leather-bound-2: #7A5A4B;
  --worn-leather-bound-3: #A58C7F;
  --worn-leather-bound-4: #D1BEB2;
  --worn-leather-bound-5: #EADFD6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-leather-bound": {
        1: "#4E382B",
        2: "#7A5A4B",
        3: "#A58C7F",
        4: "#D1BEB2",
        5: "#EADFD6",
      }
    }
  }
}

Related searches

vintage brown color paletteelegant earthy tonesrustic warm colorsclassic leather aesthetictraditional neutral scheme

Palette colors

Hex values

Color 1#4E382B
·
Color 2#7A5A4B
·
Color 3#A58C7F
·
Color 4#D1BEB2
·
Color 5#EADFD6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
6.1:1AA
8.3:1AAA
2
1.8:1Fail
2:1Fail
3.5:1AA18
4.7:1AA
3
3.5:1AA18
2:1Fail
1.8:1Fail
2.4:1Fail
4
6.1:1AA
3.5:1AA18
1.8:1Fail
1.4:1Fail
5
8.3:1AAA
4.7:1AA
2.4:1Fail
1.4:1Fail

Similar palettes

More like Worn Leather Bound

View all neutral