Back to palettes

Palette

Aged Sepia Memoir

Recalls the faded, timeless charm of old photographs and cherished historical documents.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5DEB3#D2B48C#CD853F#8B4513#5C4033

Palette guide

How to use Aged Sepia Memoir

Overview

The Aged Sepia Memoir palette recalls the faded, timeless charm of old photographs and cherished historical documents, offering a rich spectrum of earthy sepia tones. With light #F5DEB3, warm #D2B48C, vibrant #CD853F, and deep #8B4513 and #5C4033, this collection is perfect for designers and developers aiming to create a nostalgic, retro, or historically rich ambiance. These hex codes provide a robust and versatile foundation for projects that convey authenticity, warmth, and a deep connection to the past, ideal for storytelling and heritage-focused designs.

Best used for

  • Historical book and album covers
  • Vintage travel and adventure blogs
  • Rustic wedding invitations
  • Artisanal food and beverage packaging
  • Documentary film title sequences
  • Antique map and illustration design

Suggested color roles

primary

Utilize #5C4033 as the deepest, most grounding shade for main headers, footers, or dominant brand elements, providing gravitas.

secondary

Apply #8B4513 for supporting sections, subheadings, or larger content blocks, adding a rich, warm brown.

accent

Highlight key information or interactive elements with #CD853F, a vibrant amber-brown that captures attention.

background

Choose #F5DEB3 for light, creamy sepia backgrounds, offering a soft, aged-parchment canvas that enhances readability.

text

For optimal readability on light backgrounds, #5C4033 provides strong contrast. On darker backgrounds like #8B4513, #D2B48C works well for text.

Accessibility notes

  • Ensure sufficient contrast between #F5DEB3 and lighter text colors like #D2B48C for readability.
  • The darkest colors, #5C4033 and #8B4513, provide excellent contrast for text on #F5DEB3 or #D2B48C.
  • Avoid using #D2B48C as text on #CD853F unless for very large, decorative headlines.
  • Prioritize contrast for interactive elements to ensure clear user feedback.

Recommended combinations

Memoir Contrast

Ideal for a strong, vintage layout with deep text, a vibrant accent, and a soft, aged background.

#5C4033 · #CD853F · #F5DEB3

Rustic Warmth

Excellent for creating layered content with rich mid-tones on a lighter background, grounded by dark text.

#8B4513 · #D2B48C · #5C4033

Sepia Highlight

Perfect for inviting sections, moving from a light background to a vibrant accent and robust detail.

#F5DEB3 · #CD853F · #8B4513

CSS variables

:root {
  --aged-sepia-memoir-1: #F5DEB3;
  --aged-sepia-memoir-2: #D2B48C;
  --aged-sepia-memoir-3: #CD853F;
  --aged-sepia-memoir-4: #8B4513;
  --aged-sepia-memoir-5: #5C4033;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-sepia-memoir": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#8B4513",
        5: "#5C4033",
      }
    }
  }
}

Related searches

sepia memory color palettevintage earthy brown tonesold photo aestheticrustic sepia designwarm retro color scheme

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#CD853F
·
Color 4#8B4513
·
Color 5#5C4033
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
5.4:1AA
7.1:1AAA
2
1.5:1Fail
1.5:1Fail
3.6:1AA18
4.8:1AA
3
2.3:1Fail
1.5:1Fail
2.4:1Fail
3.1:1AA18
4
5.4:1AA
3.6:1AA18
2.4:1Fail
1.3:1Fail
5
7.1:1AAA
4.8:1AA
3.1:1AA18
1.3:1Fail

Similar palettes

More like Aged Sepia Memoir

View all neutral
Faded Sepia Memory
Sepia Tone Album
Faded Photo Nostalgia
Antique Map Sepia
Antique Map Sepia
Faded Photograph Memory