Palette

Aged Manuscript Bindings

A rich, warm collection of browns, like the textured patina of well-loved, antique leather book bindings.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Manuscript 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 Aged Manuscript Bindings.

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

Data visualization

#4E3228#7B523A#AA7755#D49D77#E9CBA8

Palette guide

How to use Aged Manuscript Bindings

Overview

The Aged Manuscript Bindings palette offers a rich, warm collection of browns, perfect for evoking a sense of history, luxury, and handcrafted quality. Inspired by antique leather book bindings, this palette features deep, sophisticated tones like the dark brown #4E3228 and the slightly lighter #7B523A. Mid-tones such as #AA7755 provide a comforting warmth, while lighter shades like #D49D77 and the creamy #E9CBA8 offer excellent contrast and versatility. Designers can leverage this palette to create elegant, timeless interfaces, branding, or editorial layouts that convey tradition and artisanal craftsmanship. Developers will find these hex codes straightforward for implementing a cohesive, vintage-inspired aesthetic across various digital and print media, ensuring a consistent and inviting user experience.

Best used for

Vintage-themed branding and logos
Luxury product packaging (e.g., artisanal goods, premium spirits)
Website designs for antique shops or historical societies
Editorial layouts for books, magazines, or academic journals
Interior design concepts for libraries or cozy studies
UI elements requiring a classic, earthy aesthetic

Suggested color roles

primary

#4E3228 - A deep, grounding brown, ideal for main sections, navigation bars, or strong brand statements, providing a sense of established elegance.

secondary

#7B523A - A rich, warm brown that complements the primary, suitable for subheadings, important calls-to-action, or content blocks requiring distinction.

accent

#AA7755 - A comforting, mid-tone brown that can highlight interactive elements, small illustrations, or key information, adding a touch of inviting warmth.

background

#E9CBA8 - A creamy, light beige that serves as a soft, aged backdrop, ensuring readability and a gentle, historical feel for content areas.

text

#4E3228 - For primary body text on light backgrounds like #E9CBA8, or a near-white color like #FDFDFD for text on darker backgrounds to ensure optimal readability.

Accessibility notes

Ensure sufficient contrast when using #4E3228 or #7B523A for text on lighter backgrounds like #E9CBA8; check WCAG AA standards.
Avoid using mid-tones like #AA7755 for small body text on similarly muted backgrounds to prevent readability issues.
The lightest color, #E9CBA8, provides excellent contrast for dark text, but ensure it's not too subtle against a pure white page.
For interactive elements, consider using #AA7755 with a strong focus state outline to meet accessibility guidelines.

Recommended combinations

Deep Foundations

Excellent for high-contrast text and background, with a secondary color for headings or accents in professional documents.

#4E3228 · #E9CBA8 · #7B523A

Warm Patina

Creates an inviting, layered look, ideal for vintage-inspired graphics or rich product photography backdrops.

#AA7755 · #D49D77 · #4E3228

Subtle Elegance

Perfect for soft, understated UI elements, providing warmth without overwhelming, suitable for blog backgrounds or subtle branding.

#E9CBA8 · #D49D77 · #7B523A

CSS variables

:root {
  --aged-manuscript-bindings-1: #4E3228;
  --aged-manuscript-bindings-2: #7B523A;
  --aged-manuscript-bindings-3: #AA7755;
  --aged-manuscript-bindings-4: #D49D77;
  --aged-manuscript-bindings-5: #E9CBA8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-manuscript-bindings": {
        1: "#4E3228",
        2: "#7B523A",
        3: "#AA7755",
        4: "#D49D77",
        5: "#E9CBA8",
      }
    }
  }
}

Hex values

Color 1#4E3228

Color 2#7B523A

Color 3#AA7755

Color 4#D49D77

Color 5#E9CBA8

Accessibility

Contrast checker

1.7:1Fail

3:1AA18

4.9:1AA

7.5:1AAA

1.7:1Fail

1.8:1Fail

2.9:1Fail

4.4:1AA18

3:1AA18

1.8:1Fail

1.6:1Fail

2.5:1Fail

4.9:1AA

2.9:1Fail

1.6:1Fail

1.5:1Fail

7.5:1AAA

4.4:1AA18

2.5:1Fail

1.5:1Fail

Similar palettes

More like Aged Manuscript Bindings

Artisan Leather Craft

Bohemian Loom Tapestry

Earthy Artisan Clay