Palette

Aged Sepia Film

Evokes the faded charm and nostalgic feel of old sepia-toned photographs and aged paper.

NeutralRetro5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A4C40#9B8D7A#C5B69F#7E6D5D#E2D9C7

Palette guide

How to use Aged Sepia Film

Overview

The Aged Sepia Film palette captures the authentic, faded charm and nostalgic feel of old sepia-toned photographs and aged paper. With its grounding #5A4C40, warm mid-tones #7E6D5D and #9B8D7A, and lighter shades #C5B69F and #E2D9C7, this collection is perfect for designers and developers aiming to evoke a timeless, vintage, or subtly desaturated ambiance. These hex codes provide a cohesive foundation for projects that require a sense of history, authenticity, and understated beauty, ideal for creative applications that demand a classic, retro aesthetic.

Best used for

Retro film production graphics
Historical documentary visuals
Vintage fashion and lifestyle blogs
Photography preset development
Classic literature website themes
Traditional craft marketing

Suggested color roles

primary

Use #5A4C40 as the dominant, deep sepia for strong foundational elements, headers, or primary branding, anchoring the vintage feel.

secondary

Apply #7E6D5D for supportive elements, subheadings, or larger content blocks, providing subtle depth and warmth.

accent

Highlight key information or interactive elements with #9B8D7A, a lighter, desaturated sepia that draws attention gently.

background

Utilize #E2D9C7 for clean, soft backgrounds that mimic aged paper, creating an inviting, light canvas.

text

Pair a dark sepia like #5A4C40 or #7E6D5D for body text on lighter backgrounds, ensuring readability and maintaining the palette's integrity.

Accessibility notes

Ensure sufficient contrast between #E2D9C7 and darker text colors like #5A4C40 for readability.
Use #C5B69F only for larger text or as a background for very dark elements to maintain visibility.
Test text contrast ratios, especially when placing #9B8D7A on #C5B69F or #E2D9C7.
Reserve the lightest color, #E2D9C7, primarily for backgrounds or large decorative areas to maximize legibility.

Recommended combinations

Film Noir Contrast

Ideal for strong headings, subheadings, and a light background, creating clear visual hierarchy with a sepia film look.

#5A4C40 · #9B8D7A · #E2D9C7

Vintage Desaturated

Excellent for layered backgrounds, accent boxes, and bold text on a slightly muted canvas, evoking a worn film feel.

#7E6D5D · #C5B69F · #5A4C40

Soft Sepia Fade

Perfect for subtle gradients, faded overlays, or a progression from light background to mid-tone elements.

#E2D9C7 · #9B8D7A · #7E6D5D

CSS variables

:root {
  --aged-sepia-film-1: #5A4C40;
  --aged-sepia-film-2: #9B8D7A;
  --aged-sepia-film-3: #C5B69F;
  --aged-sepia-film-4: #7E6D5D;
  --aged-sepia-film-5: #E2D9C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-sepia-film": {
        1: "#5A4C40",
        2: "#9B8D7A",
        3: "#C5B69F",
        4: "#7E6D5D",
        5: "#E2D9C7",
      }
    }
  }
}

Hex values

Color 1#5A4C40

Color 2#9B8D7A

Color 3#C5B69F

Color 4#7E6D5D

Color 5#E2D9C7

Accessibility

Contrast checker

2.6:1Fail

4.2:1AA18

1.7:1Fail

5.9:1AA

2.6:1Fail

1.6:1Fail

1.5:1Fail

2.3:1Fail

4.2:1AA18

1.6:1Fail

2.5:1Fail

1.4:1Fail

1.7:1Fail

1.5:1Fail

2.5:1Fail

3.5:1AA18

5.9:1AA

2.3:1Fail

1.4:1Fail

3.5:1AA18

Similar palettes

More like Aged Sepia Film

View all Neutral

Vintage Bookstore Charm

Antique Map Folds

Vintage Postcard Sepia

Worn Leather Journal

Academic Ink Stains

Vintage Book Pages