Palette

Vintage Memory Sepia

Drenched in the warm, inviting tones of an old sepia photograph, capturing cherished, fading memories.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#704214#8B4513#CD853F#D2B48C#FAEBD7

Palette guide

How to use Vintage Memory Sepia

Overview

The Vintage Memory Sepia palette is a warm and inviting collection, drenched in the classic tones of an old sepia photograph. Ranging from the deep #704214 to the soft, almost parchment-like #FAEBD7, with rich mid-tones like #8B4513, #CD853F, and #D2B48C, this palette beautifully evokes a sense of nostalgia and cherished fading memories. It's ideal for designs that aim for a timeless, authentic, or comforting aesthetic, lending itself perfectly to projects that require a touch of history and a warm, inviting glow across various digital and print applications.

Best used for

Photography websites or portfolios with a vintage feel
Branding for heritage-focused businesses
E-commerce for antique or handcrafted goods
Biographical or historical documentary aesthetics
Personal blogs with a reflective or nostalgic tone
Warm and inviting interior design concepts

Suggested color roles

primary

Utilize #8B4513 or #CD853F as a primary color for main content blocks or navigation, providing a warm and approachable base.

secondary

Employ the lighter #D2B48C or #FAEBD7 for backgrounds, subtle dividers, or secondary information, maintaining an airy, aged paper feel.

accent

Reserve the deep #704214 for strong accents, important headings, or interactive elements to create contrast and anchor the design.

background

The soft #FAEBD7 is ideal for primary backgrounds, evoking aged paper. #D2B48C can be used for secondary background sections.

text

For body text, use the deep #704214 or #8B4513 against lighter backgrounds like #FAEBD7 or #D2B48C for excellent readability. Black can also be used for maximum contrast.

Accessibility notes

Ensure sufficient contrast between text colors like #704214 or #8B4513 and lighter backgrounds such as #D2B48C or #FAEBD7 for WCAG AA compliance.
Avoid using #CD853F text on #D2B48C backgrounds without careful contrast checking, as it may be insufficient for readability.
Use a contrast checker for all text and interactive element color pairings to ensure accessibility.
When using the lighter shades for backgrounds, ensure text is dark enough to provide clear readability for all users.

Recommended combinations

Classic Sepia

Deep text (#704214) on a light aged background (#FAEBD7), with headings or emphasis in #8B4513.

#704214 · #FAEBD7 · #8B4513

Warm Patina

Creates a warm, layered effect, good for distinct content blocks or visual hierarchy.

#CD853F · #D2B48C · #704214

Aged Photo

Excellent for soft gradients or background elements, evoking the subtle shifts of an old photograph.

#8B4513 · #D2B48C · #FAEBD7

CSS variables

:root {
  --vintage-memory-sepia-1: #704214;
  --vintage-memory-sepia-2: #8B4513;
  --vintage-memory-sepia-3: #CD853F;
  --vintage-memory-sepia-4: #D2B48C;
  --vintage-memory-sepia-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-memory-sepia": {
        1: "#704214",
        2: "#8B4513",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#FAEBD7",
      }
    }
  }
}

Hex values

Color 1#704214

Color 2#8B4513

Color 3#CD853F

Color 4#D2B48C

Color 5#FAEBD7

Accessibility

Contrast checker

1.2:1Fail

2.8:1Fail

4.3:1AA18

7.2:1AAA

1.2:1Fail

2.4:1Fail

3.6:1AA18

6.1:1AA

2.8:1Fail

2.4:1Fail

1.5:1Fail

2.6:1Fail

4.3:1AA18

3.6:1AA18

1.5:1Fail

1.7:1Fail

7.2:1AAA

6.1:1AA

2.6:1Fail

1.7:1Fail

Similar palettes

More like Vintage Memory Sepia