Back to palettes

Palette

Faded Sepia Memory

Evoking the nostalgia of old photographs, these sepia tones bring a sense of history and faded elegance.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Sepia Memory 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 Faded Sepia Memory.

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

Data visualization

#4F3C2C#7A5B45#A57E61#D0A17D#FAD7B9

Palette guide

How to use Faded Sepia Memory

Overview

The "Faded Sepia Memory" palette masterfully captures the essence of cherished vintage photographs and historical documents. With its warm, muted earth tones ranging from the deep, grounded #4F3C2C to the soft, ethereal #FAD7B9, and including versatile mid-tones like #7A5B45 and #A57E61, this collection evokes a profound sense of nostalgia and timeless elegance. Designers and developers can leverage these sepia hues to infuse projects with a classic, sophisticated, and slightly melancholic charm. Ideal for creating engaging user interfaces, compelling branding, or immersive content that aims to connect with audiences through a shared appreciation for history and enduring beauty. The balanced warmth ensures approachability while maintaining a distinct retro appeal.

Best used for

  • Vintage-themed websites and blogs
  • Historical documentaries and museum exhibits
  • Photography portfolios with a classic aesthetic
  • Retro brand identity and packaging
  • Cozy interior design mood boards
  • E-commerce for antique or handmade goods

Suggested color roles

primary

#7A5B45 serves as an excellent primary, offering a rich, warm base that's neither too dark nor too light, perfect for main sections or prominent UI elements.

secondary

#4F3C2C provides a deep, anchoring secondary color, ideal for headers, footers, or strong call-to-action buttons, adding significant visual weight.

accent

#FAD7B9 works beautifully as an accent, its soft, light quality drawing attention to delicate details, hover states, or subtle highlights without overpowering the vintage mood.

background

#D0A17D offers a gentle, inviting background that allows darker text to remain highly legible while maintaining the palette's overall warmth and aged feel.

text

For optimal readability, #4F3C2C is the best choice for body text, providing strong contrast against lighter backgrounds. For a softer look, a very dark charcoal could also be considered.

Accessibility notes

  • Ensure sufficient contrast between #4F3C2C text and #D0A17D or #FAD7B9 backgrounds for WCAG AA compliance.
  • Avoid placing #A57E61 text on a #D0A17D background, as their proximity in value may hinder readability.
  • Use #FAD7B9 sparingly for text, typically only for large display text or on very dark backgrounds like #4F3C2C.
  • Consider using a slightly darker shade than #4F3C2C for critical UI elements if the background is a mid-tone like #7A5B45.

Recommended combinations

Classic Contrast

Ideal for high-contrast text and background pairings, delivering clear readability for body copy on light UI elements.

#4F3C2C · #FAD7B9 · #7A5B45

Soft Gradient

Excellent for subtle gradients in hero sections, dividers, or background textures, creating a smooth, aged transition.

#7A5B45 · #A57E61 · #D0A17D

Vintage Highlight

Combines a strong base with a muted mid-tone and a bright highlight, perfect for vintage logos, icons, or graphic elements.

#4F3C2C · #D0A17D · #FAD7B9

CSS variables

:root {
  --faded-sepia-memory-1: #4F3C2C;
  --faded-sepia-memory-2: #7A5B45;
  --faded-sepia-memory-3: #A57E61;
  --faded-sepia-memory-4: #D0A17D;
  --faded-sepia-memory-5: #FAD7B9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-sepia-memory": {
        1: "#4F3C2C",
        2: "#7A5B45",
        3: "#A57E61",
        4: "#D0A17D",
        5: "#FAD7B9",
      }
    }
  }
}

Related searches

sepia color schemevintage color paletteretro design colorsnostalgic earth tonesold photograph colors

Palette colors

Hex values

Color 1#4F3C2C
·
Color 2#7A5B45
·
Color 3#A57E61
·
Color 4#D0A17D
·
Color 5#FAD7B9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.5:1AA
7.7:1AAA
2
1.7:1Fail
1.7:1Fail
2.7:1Fail
4.5:1AA
3
2.9:1Fail
1.7:1Fail
1.6:1Fail
2.7:1Fail
4
4.5:1AA
2.7:1Fail
1.6:1Fail
1.7:1Fail
5
7.7:1AAA
4.5:1AA
2.7:1Fail
1.7:1Fail

Similar palettes

More like Faded Sepia Memory

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