Palette

Faded Photograph Memory

Evokes the nostalgic warmth and gentle fading of old sepia-toned photographs.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#B8860B#8B4513#A9A9A9#778899

Palette guide

How to use Faded Photograph Memory

Overview

The "Faded Photograph Memory" palette beautifully captures the nostalgic warmth and gentle fading of old sepia-toned photographs. It blends the inviting warmth of #D2B48C (Tan) and #B8860B (Dark Goldenrod) with the grounding depth of #8B4513 (Saddle Brown). Complementing these are the classic neutrals #A9A9A9 (Dark Gray) and #778899 (Light Slate Gray), adding a touch of cool balance. Designers and developers can leverage this versatile palette to evoke a sense of history, authenticity, and sentimental charm, ideal for projects requiring a sophisticated retro or vintage aesthetic with a hint of warmth.

Best used for

Retro-themed websites and digital interfaces
Branding for historical societies or museums
Packaging for artisanal coffee or tea products
Personal blogs focusing on travel or memoirs
Photography portfolios with a vintage aesthetic
Print media for classic, timeless publications

Suggested color roles

primary

Use #D2B48C as a warm, inviting background or base color, providing a soft and approachable foundation.

secondary

Apply #A9A9A9 for secondary content blocks, subtle dividers, or card backgrounds, offering a neutral contrast.

accent

Utilize #B8860B for calls-to-action, important links, or highlight elements, providing a rich, golden focal point.

background

Employ #778899 for footer areas or deeper content sections, adding a sophisticated, slightly cool, grounding tone.

text

For body text, #8B4513 provides excellent readability against lighter backgrounds like #D2B48C or #A9A9A9. Consider off-white for text on #778899.

Accessibility notes

Ensure sufficient contrast between #8B4513 text and #D2B48C background to meet WCAG AA standards.
When pairing #A9A9A9 with #D2B48C, ensure adequate contrast for UI elements; a darker text color is usually needed.
The bright #B8860B might need careful pairing for text; use it primarily for accents or large headings on dark backgrounds.
Avoid using #A9A9A9 on #778899 for critical information due to their similar mid-tones, which can reduce readability.

Recommended combinations

Sepia Blend

Ideal for creating a classic, warm sepia effect in images or background textures, evoking a sense of age.

#D2B48C · #B8860B · #8B4513

Vintage Contrast

Great for establishing visual hierarchy in web interfaces, with a warm base and strong, legible dark accents.

#D2B48C · #A9A9A9 · #8B4513

Muted Memory

Perfect for sophisticated branding or UI elements where a balance of cool neutrals and a touch of warm accent is desired.

#A9A9A9 · #778899 · #B8860B

CSS variables

:root {
  --faded-photograph-memory-1: #D2B48C;
  --faded-photograph-memory-2: #B8860B;
  --faded-photograph-memory-3: #8B4513;
  --faded-photograph-memory-4: #A9A9A9;
  --faded-photograph-memory-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-photograph-memory": {
        1: "#D2B48C",
        2: "#B8860B",
        3: "#8B4513",
        4: "#A9A9A9",
        5: "#778899",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#B8860B

Color 3#8B4513

Color 4#A9A9A9

Color 5#778899

Accessibility

Contrast checker

1.7:1Fail

3.6:1AA18

1.2:1Fail

1.8:1Fail

1.7:1Fail

2.2:1Fail

1.4:1Fail

1.1:1Fail

3.6:1AA18

2.2:1Fail

3:1AA18

1.9:1Fail

1.2:1Fail

1.4:1Fail

3:1AA18

1.5:1Fail

1.8:1Fail

1.1:1Fail

1.9:1Fail

1.5:1Fail

Similar palettes

More like Faded Photograph Memory

View all neutral

Vintage Postcard Sepia