Palette

Worn Leather Memoir

Rich, deep browns with aged texture, telling tales like an old, beloved leather book.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C3317#8A4D27#B8704A#E3A37C#3C220E

Palette guide

How to use Worn Leather Memoir

Overview

The Worn Leather Memoir palette tells a story with its rich, deep browns and warm, aged tones, perfect for projects seeking a rustic yet refined aesthetic. It features a profoundly dark anchor, #3C220E, complemented by the robust #5C3317 and a vibrant mid-tone #8A4D27. Lighter, inviting shades like #B8704A and the soft, sun-kissed #E3A37C complete this collection, offering versatility and depth. Designers and developers can utilize this palette to craft experiences that evoke history, warmth, and a touch of artisanal charm. It's ideal for branding, digital interfaces, or content that aims for an authentic, handcrafted feel, much like a cherished, well-preserved memoir.

Best used for

Artisan food or beverage branding
Travel blogs with an adventurous spirit
Handcrafted goods e-commerce
Historical documentary websites
Rustic wedding stationery
Personal portfolio sites with an earthy feel

Suggested color roles

primary

#3C220E - A very deep, almost black-brown, excellent for strong brand presence, main navigation, or critical calls to action.

secondary

#5C3317 - A rich, dark brown, ideal for subheadings, detailed content sections, or significant UI elements.

accent

#8A4D27 - A vibrant, warm brown that provides a lively accent for interactive elements, highlights, or decorative details.

background

#E3A37C - A soft, warm tan that offers an inviting and readable backdrop, enhancing the palette's overall warmth.

text

#3C220E - Provides strong contrast on light backgrounds like #E3A37C. For darker backgrounds, use white or a very light cream.

Accessibility notes

Ensure #3C220E text on #E3A37C background has excellent contrast for readability.
Avoid using #B8704A or #E3A37C for small text on similarly light backgrounds.
All interactive elements should have clear visual feedback when hovered or focused.
Consider using a slightly darker text shade than #E3A37C for very long paragraphs on light backgrounds.

Recommended combinations

Rustic Narrative

Creates a compelling visual story with deep anchors and warm highlights.

#3C220E · #8A4D27 · #E3A37C

Aged Charm

Perfect for textured backgrounds and prominent, readable text elements.

#5C3317 · #B8704A · #3C220E

Warm Horizon

Ideal for subtle gradients or layered effects that evoke a sunset or worn paper.

#8A4D27 · #B8704A · #E3A37C

CSS variables

:root {
  --worn-leather-memoir-1: #5C3317;
  --worn-leather-memoir-2: #8A4D27;
  --worn-leather-memoir-3: #B8704A;
  --worn-leather-memoir-4: #E3A37C;
  --worn-leather-memoir-5: #3C220E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-leather-memoir": {
        1: "#5C3317",
        2: "#8A4D27",
        3: "#B8704A",
        4: "#E3A37C",
        5: "#3C220E",
      }
    }
  }
}

Hex values

Color 1#5C3317

Color 2#8A4D27

Color 3#B8704A

Color 4#E3A37C

Color 5#3C220E

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

5:1AA

1.4:1Fail

1.6:1Fail

1.7:1Fail

3.1:1AA18

2.2:1Fail

2.8:1Fail

1.7:1Fail

1.8:1Fail

3.8:1AA18

5:1AA

3.1:1AA18

1.8:1Fail

6.9:1AA

1.4:1Fail

2.2:1Fail

3.8:1AA18

6.9:1AA

Similar palettes

More like Worn Leather Memoir

View all earth

Aged Leather Charm

Vintage Bookstore Aged

Aged Copper Patina

Antique Map Parchment

Copper Relic Patina

Heirloom Library Books