Palette

Sepia Photo Archive

Deep, rich browns and muted oranges, evoking the timeless charm of an old sepia photograph archive.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#704214#8B4513#A0522D#B16E45#C38B60

Palette guide

How to use Sepia Photo Archive

Overview

The Sepia Photo Archive palette delves into deep, rich browns and muted oranges, perfectly capturing the timeless charm of an antique sepia photograph collection. With robust tones like #704214 and #8B4513, complemented by the warmer #A0522D and #C38B60, this collection offers a profound sense of history and warmth. Designers can leverage these hex codes to create sophisticated, heritage-rich branding or interfaces. Developers will find this palette excellent for crafting user experiences that feel authentic, grounded, and imbued with a classic, understated elegance, ideal for projects demanding a strong, vintage aesthetic.

Best used for

Historical society websites
Vintage photography archives
Art gallery digital platforms
Luxury antique dealer branding
Documentary film promotional materials
Retro-themed e-commerce stores

Suggested color roles

primary

Use #704214 for strong headers, footers, or prominent backgrounds, conveying depth and authority.

secondary

Apply #8B4513 for subheadings, navigation, or larger text blocks, providing a rich, readable contrast.

accent

Employ #A0522D sparingly for interactive elements, key highlights, or small graphic details to draw attention.

background

Utilize #C38B60 as a warmer, inviting background for content, offering a soft canvas.

text

For body text, #704214 provides excellent readability on lighter tones; a dark charcoal can also be used for optimal contrast.

Accessibility notes

Ensure sufficient contrast when using #704214 or #8B4513 for text on lighter backgrounds like #C38B60.
Avoid pairing #A0522D with #B16E45 for small text to prevent readability issues due to low contrast.
Use #C38B60 as a background for critical information to maximize legibility.
Always test color combinations with accessibility checkers, especially for interactive elements and form fields.

Recommended combinations

Archival Contrast

Ideal for clear headers on a warm background with a supporting accent, establishing strong hierarchy.

#704214 · #C38B60 · #8B4513

Rich Layers

Creates a sophisticated, layered look suitable for content sections or subtle graphic elements, evoking depth.

#A0522D · #B16E45 · #704214

Vintage Highlight

Excellent for call-to-action buttons or important links, providing a clear visual cue against a darker background.

#8B4513 · #A0522D · #C38B60

CSS variables

:root {
  --sepia-photo-archive-1: #704214;
  --sepia-photo-archive-2: #8B4513;
  --sepia-photo-archive-3: #A0522D;
  --sepia-photo-archive-4: #B16E45;
  --sepia-photo-archive-5: #C38B60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sepia-photo-archive": {
        1: "#704214",
        2: "#8B4513",
        3: "#A0522D",
        4: "#B16E45",
        5: "#C38B60",
      }
    }
  }
}

Hex values

Color 1#704214

Color 2#8B4513

Color 3#A0522D

Color 4#B16E45

Color 5#C38B60

Accessibility

Contrast checker

1.2:1Fail

1.5:1Fail

2.1:1Fail

2.9:1Fail

1.2:1Fail

1.3:1Fail

1.8:1Fail

2.4:1Fail

1.5:1Fail

1.3:1Fail

1.4:1Fail

1.9:1Fail

2.1:1Fail

1.8:1Fail

1.4:1Fail

2.9:1Fail

2.4:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Sepia Photo Archive

Sepia Photo Archive

See it in context.

Ready when you are.

Built with Sepia Photo Archive.

How to use Sepia Photo Archive

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Archival Contrast

Rich Layers

Vintage Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sepia Photo Archive