Back to palettes

Palette

Old Photo

A warm, aged palette that brings to mind the soft, faded hues of cherished old photographs and memories.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Photo 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 Old Photo.

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

Data visualization

#704214#8B4513#A0522D#CD853F#D2B48C

Palette guide

How to use Old Photo

Overview

The "Old Photo" palette is a warm, sepia-toned collection designed to evoke the soft, faded hues of cherished old photographs and memories. It features a range from a deep, rich brown (#704214) to a soft, almost faded beige (#D2B48C), alongside classic sepia tones like #8B4513, #A0522D, and #CD853F. This palette is genuinely useful for designers and developers seeking to infuse projects with a sense of nostalgia, classic elegance, or a retro aesthetic. Its cohesive warmth creates an inviting and timeless atmosphere, perfect for storytelling and personal connections across various digital and print applications.

Best used for

  • Photography portfolios
  • Family history websites
  • Vintage-themed blogs
  • Retro brand identity
  • Memory book design
  • Antique restoration services

Suggested color roles

primary

Use #8B4513 as a grounding, classic sepia tone for main headings, important calls to action, or prominent design elements.

secondary

Apply #A0522D for supporting content blocks, subheadings, or background sections that require a warm, complementary feel.

accent

Utilize #CD853F as a brighter, golden-brown accent for subtle highlights, decorative elements, or hover states, adding a gentle glow.

background

Employ #D2B48C as the primary background color, providing a light, faded beige canvas that enhances the vintage aesthetic.

text

For optimal readability, use #704214 or a deep black for body text and key information against lighter backgrounds like #D2B48C.

Accessibility notes

  • Ensure #704214 text has strong contrast against #D2B48C for excellent readability.
  • Be cautious when using #CD853F as text on #A0522D; check contrast for accessibility compliance.
  • Use black or dark charcoal for small body text on #CD853F to meet WCAG contrast guidelines.
  • Verify all interactive elements maintain sufficient contrast ratios for users with visual impairments.

Recommended combinations

Sepia Tone

The essential sepia look: light background, main feature color, and darkest tone for shadows or deep text.

#D2B48C · #8B4513 · #704214

Faded Memories

Creates a warm, layered effect with a brighter mid-tone, a rich shadow, and a deep sepia accent for depth.

#CD853F · #A0522D · #8B4513

Warm Vintage

Combines a light background with a warm accent and a brighter highlight, ideal for nostalgic layouts and imagery.

#D2B48C · #A0522D · #CD853F

CSS variables

:root {
  --old-photo-1: #704214;
  --old-photo-2: #8B4513;
  --old-photo-3: #A0522D;
  --old-photo-4: #CD853F;
  --old-photo-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-photo": {
        1: "#704214",
        2: "#8B4513",
        3: "#A0522D",
        4: "#CD853F",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

sepia color palettevintage photo colorsnostalgic brown schemeretro photography designclassic warm tones

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.8:1Fail
4.3:1AA18
2
1.2:1Fail
1.3:1Fail
2.4:1Fail
3.6:1AA18
3
1.5:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail
4
2.8:1Fail
2.4:1Fail
1.9:1Fail
1.5:1Fail
5
4.3:1AA18
3.6:1AA18
2.8:1Fail
1.5:1Fail

Similar palettes

More like Old Photo

View all warm
Sepia Memoir Tones
Sepia Photo Archive
Vintage Memory Sepia
Faded Photo Booth
Retro Signboard Palette
Sunset Vinyl Hues