Back to palettes

Palette

Archival Sepia Tones

Soft, muted sepia tones recalling the antique charm of old, treasured documents and maps.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Archival Sepia Tones 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 Archival Sepia Tones.

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

Data visualization

#FDF6E3#E2D8B9#BFA37D#A58F6F#7D6752

Palette guide

How to use Archival Sepia Tones

Overview

The "Archival Sepia Tones" palette offers soft, muted sepia tones, recalling the antique charm of old, treasured documents and maps. This vintage-inspired collection features a gentle progression from the very light Old Lace #FDF6E3 and the soft Beige #E2D8B9 to the warm Tan #BFA37D. Deeper, more historical shades like Sepia Brown #A58F6F and the rich Dark Sepia #7D6752 complete this harmonious set, evoking a sense of history and nostalgia. Developers can utilize these grounded shades to create sophisticated, classic interfaces that convey heritage and warmth. Designers will find this palette ideal for projects related to history, vintage aesthetics, photography, or any brand seeking an authentic, subtle, and visually rich retro charm.

Best used for

  • Vintage photography portfolios
  • Historical archives websites
  • Retro blog designs
  • Antique shop branding
  • Coffee shop interiors
  • Classic book cover designs

Suggested color roles

primary

A deep, rich dark sepia #7D6752, providing a strong, historical foundation for headers, important sections, or primary branding elements.

secondary

A warm sepia brown #A58F6F that adds depth and authenticity, suitable for large content blocks, sidebars, or secondary navigation.

accent

A golden tan #BFA37D that offers a subtle, aged glow, perfect for highlights, decorative accents, or subtle interactive elements.

background

A very light old lace tone #FDF6E3, offering a warm, inviting backdrop that enhances readability and maintains the vintage feel.

text

Use #7D6752 for headings and #4F3D2B (deep brown) for body text on light backgrounds like #FDF6E3 for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text using #7D6752 or #A58F6F on light backgrounds like #FDF6E3 or #E2D8B9.
  • Lighter shades like #BFA37D, #E2D8B9, and #FDF6E3 are generally not suitable for small body text; use a darker alternative.
  • Use a very dark neutral (e.g., deep brown or charcoal) for all body text on light backgrounds to ensure wcag compliance.
  • Interactive elements should have clear visual feedback, potentially using the slightly brighter #BFA37D for hover states.

Recommended combinations

Vintage Paper

For establishing a classic, aged paper aesthetic in websites or documents, with dark sepia as primary, old lace as background, and sepia brown for secondary elements.

#7D6752 · #FDF6E3 · #A58F6F

Antique Map

Ideal for creating subtle, textured backgrounds or layered elements, mimicking aged maps and documents with a warm, muted palette.

#BFA37D · #E2D8B9 · #FDF6E3

Historic Focus

Effective for highlighting important information or calls to action, using sepia brown for buttons, old lace for surrounding space, and dark sepia for button text.

#A58F6F · #FDF6E3 · #7D6752

CSS variables

:root {
  --archival-sepia-tones-1: #FDF6E3;
  --archival-sepia-tones-2: #E2D8B9;
  --archival-sepia-tones-3: #BFA37D;
  --archival-sepia-tones-4: #A58F6F;
  --archival-sepia-tones-5: #7D6752;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "archival-sepia-tones": {
        1: "#FDF6E3",
        2: "#E2D8B9",
        3: "#BFA37D",
        4: "#A58F6F",
        5: "#7D6752",
      }
    }
  }
}

Related searches

sepia tone palettevintage paper colorsold photo aesthetichistorical brown schemeretro document design

Palette colors

Hex values

Color 1#FDF6E3
·
Color 2#E2D8B9
·
Color 3#BFA37D
·
Color 4#A58F6F
·
Color 5#7D6752
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
2.9:1Fail
4.9:1AA
2
1.3:1Fail
1.7:1Fail
2.2:1Fail
3.8:1AA18
3
2.2:1Fail
1.7:1Fail
1.3:1Fail
2.2:1Fail
4
2.9:1Fail
2.2:1Fail
1.3:1Fail
1.7:1Fail
5
4.9:1AA
3.8:1AA18
2.2:1Fail
1.7:1Fail

Similar palettes

More like Archival Sepia Tones

View all neutral
Aged Papyrus Texture
Antique Maps Lore
Old Parchment Hues
Vintage Photograph Dust
Aged Parchment Scroll
Antique Map Sepia