Back to palettes

Palette

Time-Worn Memory

Warm, earthy browns reminiscent of aged photographs and historic documents, evoking nostalgia and time.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Time-Worn 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 Time-Worn Memory.

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

Data visualization

#704214#A0522D#CD853F#8B4513#5C3111

Palette guide

How to use Time-Worn Memory

Overview

The Time-Worn Memory palette evokes a sense of nostalgia with its rich, earthy browns, reminiscent of aged photographs and historic documents. Ranging from the deep #5C3111 to the warm #CD853F, these colors are perfect for projects seeking a vintage, authentic, or heritage aesthetic. Designers can effectively use #8B4513 for grounding elements, while #A0522D provides a comforting mid-tone. Developers will find this palette excellent for crafting engaging digital experiences that convey history and warmth, ensuring visual consistency across various platforms. This palette is ideal for historical archives, vintage shops, or any brand aiming for a timeless, classic, and evocative visual identity.

Best used for

  • Vintage photography and art display
  • Historical society websites
  • Antique shop branding
  • Heritage-focused documentaries
  • Sepia-toned digital filters
  • Retro fashion or lifestyle blogs

Suggested color roles

primary

Use #5C3111 as a deep, anchoring brown for headers, footers, or dominant brand elements, conveying history and depth.

secondary

Apply #704214 for subheadings, navigation, or as a rich background for sections needing a slightly lighter tone.

accent

Utilize #CD853F sparingly for subtle highlights, interactive elements, or to draw gentle attention with a warm, aged glow.

background

Employ #A0522D as a warm, inviting background for content, providing a soft canvas that supports darker text effectively.

text

For primary text on #A0522D, use #5C3111 or #704214 to ensure excellent readability. Near-black or dark charcoal (#333333) also provides strong contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing #CD853F with #A0522D for text, as they have low contrast.
  • Use #5C3111 or #704214 for main body text on #A0522D to meet WCAG AA contrast standards.
  • Avoid using #CD853F for small text; reserve it for larger display text or non-textual elements.
  • For interactive elements, ensure hover/focus states have clear visual changes beyond subtle color shifts within this palette.

Recommended combinations

Aged Photo

Provides a strong, nostalgic contrast for text and background, with a warm accent for highlights.

#5C3111 · #A0522D · #CD853F

Vintage Scroll

Creates a rich, layered effect ideal for card elements, subtle gradients, or background patterns, evoking old paper.

#704214 · #8B4513 · #A0522D

Sepia Tone

A warm, inviting background combined with two darker browns for clear information hierarchy and a touch of warmth.

#A0522D · #5C3111 · #CD853F

CSS variables

:root {
  --time-worn-memory-1: #704214;
  --time-worn-memory-2: #A0522D;
  --time-worn-memory-3: #CD853F;
  --time-worn-memory-4: #8B4513;
  --time-worn-memory-5: #5C3111;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "time-worn-memory": {
        1: "#704214",
        2: "#A0522D",
        3: "#CD853F",
        4: "#8B4513",
        5: "#5C3111",
      }
    }
  }
}

Related searches

vintage brown color palettesepia tone schemenostalgic earth tonesretro brown ui colorshistorical brand palette

Palette colors

Hex values

Color 1#704214
·
Color 2#A0522D
·
Color 3#CD853F
·
Color 4#8B4513
·
Color 5#5C3111
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
1.2:1Fail
1.3:1Fail
2
1.5:1Fail
1.9:1Fail
1.3:1Fail
2:1Fail
3
2.8:1Fail
1.9:1Fail
2.4:1Fail
3.7:1AA18
4
1.2:1Fail
1.3:1Fail
2.4:1Fail
1.6:1Fail
5
1.3:1Fail
2:1Fail
3.7:1AA18
1.6:1Fail

Similar palettes

More like Time-Worn Memory

View all neutral
Ancient Papyrus Scroll
Antique Map Parchment
Antique Map Sepia
Antique Maps Lore
Sepia Memoir Hues
Sepia Tone Memory