Back to palettes

Palette

Vintage Memoir

Muted, aged tones that evoke a sense of nostalgia and the rich history of cherished memories.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#BDB76B#D2B48C#A0522D#694F3C

Palette guide

How to use Vintage Memoir

Overview

The Vintage Memoir palette offers a rich, nostalgic collection of muted, aged tones, perfect for designs that evoke cherished memories and historical depth. Featuring warm browns like #8B4513 and #A0522D, a distinctive olive #BDB76B, a soft beige #D2B48C, and a deep, grounding #694F3C, this palette is imbued with a sepia-toned charm. It's ideal for projects requiring a sense of heritage, authenticity, or quiet reflection, making it excellent for branding, editorial content, and digital interfaces that aim to tell a story and connect with a sense of the past.

Best used for

  • Genealogy or historical archive websites
  • Branding for artisanal coffee shops or bakeries
  • Photography portfolios with a vintage aesthetic
  • Editorial layouts for personal stories or memoirs
  • E-commerce for handcrafted goods or antiques
  • Interior design for cozy, contemplative spaces

Suggested color roles

primary

Utilize #8B4513 or #A0522D as a dominant color for main content blocks or navigation, providing a warm and inviting base.

secondary

Employ the lighter #D2B48C for backgrounds, subtle dividers, or secondary information, offering a soft, aged paper feel.

accent

Reserve the deep #694F3C for strong accents, important headings, or interactive elements to provide contrast and depth.

background

The soft #D2B48C is ideal for primary backgrounds, mimicking aged paper. For a richer background, #BDB76B offers a unique, muted olive alternative.

text

For body text, use the deep #694F3C or #8B4513 against lighter backgrounds like #D2B48C to ensure excellent readability. Black or dark charcoal can also be used.

Accessibility notes

  • Ensure sufficient contrast between dark text colors like #694F3C or #8B4513 and lighter backgrounds like #D2B48C or #BDB76B.
  • Be cautious when using #BDB76B (olive) for text on mid-brown backgrounds; always verify contrast ratios.
  • Use a contrast checker for all text and interactive element color pairings to meet WCAG AA standards.
  • For critical UI elements, consider using the darkest brown, #694F3C, against the lightest beige, #D2B48C, for maximum clarity.

Recommended combinations

Sepia Story

Deep text (#694F3C) on a light aged background (#D2B48C), with headers or emphasis in #8B4513.

#694F3C · #D2B48C · #8B4513

Olive Tones

Olive (#BDB76B) for unique accents, with warm brown (#A0522D) for content, on a soft beige background (#D2B48C).

#BDB76B · #A0522D · #D2B48C

Aged Photo

Creates a rich, layered effect, good for distinct content blocks or visual hierarchy.

#8B4513 · #694F3C · #D2B48C

CSS variables

:root {
  --vintage-memoir-1: #8B4513;
  --vintage-memoir-2: #BDB76B;
  --vintage-memoir-3: #D2B48C;
  --vintage-memoir-4: #A0522D;
  --vintage-memoir-5: #694F3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-memoir": {
        1: "#8B4513",
        2: "#BDB76B",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#694F3C",
      }
    }
  }
}

Related searches

sepia tone color palettevintage memory colorsaged earthy schemenostalgic brown olivehistorical aesthetic palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#BDB76B
·
Color 3#D2B48C
·
Color 4#A0522D
·
Color 5#694F3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.4:1AA18
3.6:1AA18
1.3:1Fail
1.1:1Fail
2
3.4:1AA18
1:1Fail
2.7:1Fail
3.6:1AA18
3
3.6:1AA18
1:1Fail
2.8:1Fail
3.8:1AA18
4
1.3:1Fail
2.7:1Fail
2.8:1Fail
1.3:1Fail
5
1.1:1Fail
3.6:1AA18
3.8:1AA18
1.3:1Fail

Similar palettes

More like Vintage Memoir

View all earth