Palette

Vintage Sepia Print

Warm, desaturated browns and creams evoke the timeless charm of an aged sepia photograph.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DCD0BF#C4B29A#A1806A#7A5A4A#4F3A2E

Palette guide

How to use Vintage Sepia Print

Overview

The Vintage Sepia Print palette beautifully captures the timeless charm of aged photographs, offering a cohesive range of warm, desaturated browns and creams. This collection features the soft, almost parchment-like #DCD0BF, ideal for backgrounds, alongside the inviting #C4B29A. The mid-tones, #A1806A and #7A5A4A, provide excellent versatility for content and accents, building towards the deep, rich #4F3A2E, perfect for strong typography or grounding elements. Designers can leverage this palette to create nostalgic branding, elegant editorial layouts, or sophisticated web interfaces that evoke a sense of history, warmth, and classic authenticity.

Best used for

Photography portfolios
Historical document design
Vintage-themed branding
Coffee shop or bakery aesthetics
Editorial design for books/magazines
UI for archival or museum websites

Suggested color roles

primary

A rich, warm brown like #7A5A4A that serves as a strong primary for content, headings, or significant UI elements.

secondary

A lighter, inviting brown like #A1806A, excellent for supporting text, secondary calls-to-action, or graphic details.

accent

The deepest, darkest brown, #4F3A2E, used for high-impact accents, crucial buttons, or strong outlines.

background

A very light, creamy beige like #DCD0BF, providing an authentic, aged paper-like canvas.

text

Use the deep #4F3A2E for prominent headings and body text to ensure optimal readability against lighter backgrounds like #DCD0BF.

Accessibility notes

Ensure sufficient contrast between #4F3A2E text and #DCD0BF background for WCAG AA compliance.
Avoid using #C4B29A or #A1806A for body text on the #DCD0BF background due to potential low contrast.
For interactive elements, consider adding borders or underlines for states to aid users with color vision deficiencies.
Test all text and background combinations, especially for smaller font sizes, to guarantee legibility.

Recommended combinations

Classic Sepia

Light background with a mid-tone content color and a strong dark accent for titles or calls to action.

#DCD0BF · #A1806A · #4F3A2E

Warm Harmony

Layered elements, subtle gradients, or multi-toned typography for a cohesive, warm feel.

#C4B29A · #A1806A · #7A5A4A

Deep Contrast

Clean background with a strong primary and a deep accent, ideal for clear hierarchy in interfaces.

#DCD0BF · #7A5A4A · #4F3A2E

CSS variables

:root {
  --vintage-sepia-print-2-1: #DCD0BF;
  --vintage-sepia-print-2-2: #C4B29A;
  --vintage-sepia-print-2-3: #A1806A;
  --vintage-sepia-print-2-4: #7A5A4A;
  --vintage-sepia-print-2-5: #4F3A2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-sepia-print-2": {
        1: "#DCD0BF",
        2: "#C4B29A",
        3: "#A1806A",
        4: "#7A5A4A",
        5: "#4F3A2E",
      }
    }
  }
}

Hex values

Color 1#DCD0BF

Color 2#C4B29A

Color 3#A1806A

Color 4#7A5A4A

Color 5#4F3A2E

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

4.1:1AA18

7:1AA

1.4:1Fail

1.8:1Fail

3:1AA18

5.1:1AA

2.4:1Fail

1.8:1Fail

1.7:1Fail

2.9:1Fail

4.1:1AA18

3:1AA18

1.7:1Fail

7:1AA

5.1:1AA

2.9:1Fail

1.7:1Fail

Similar palettes

More like Vintage Sepia Print

Vintage Sepia Print

See it in context.

Ready when you are.

Built with Vintage Sepia Print.

How to use Vintage Sepia Print

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Sepia

Warm Harmony

Deep Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Sepia Print