Palette

Vintage Postcard Sepia

Soft, muted browns and beiges reminiscent of faded ink and aged paper on an antique postcard.

NeutralRetro5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7F5C4F#A67D6C#CDB8A6#EADFD6#5A4138

Palette guide

How to use Vintage Postcard Sepia

Overview

The "Vintage Postcard Sepia" palette offers a rich, cohesive spectrum of warm, muted browns and creams, perfectly embodying the timeless charm of aged paper and faded ink. Anchored by the deep #5A4138, it flows through the inviting tones of #7F5C4F and #A67D6C, providing excellent versatility for depth. The lighter #CDB8A6 and the soft, almost-white #EADFD6 offer versatile backgrounds and complementary highlights, ensuring a harmonious and gentle visual experience. This palette is an exceptional choice for designers and developers aiming to evoke a sense of history, authenticity, and comforting retro charm in their digital interfaces, print designs, or branding, creating a truly classic aesthetic.

Best used for

Branding for traditional craftsmanship or heritage brands
UI/UX for historical document archives
E-commerce platforms for vintage goods or handmade items
Editorial design for historical narratives or memoirs
Websites for artisanal coffee shops or bakeries
Digital portfolios seeking a refined, classic look

Suggested color roles

primary

A very deep, rich brown #5A4138, ideal for strong headings, primary navigation, or prominent brand elements, providing significant visual weight and sophistication.

secondary

A warm, mid-tone brown #7F5C4F that complements the primary, suitable for subheadings, important links, or background sections.

accent

A slightly lighter, inviting brown #A67D6C that can be used for call-to-action buttons, key data points, or subtle decorative elements, offering gentle contrast.

background

A soft, warm, near-white cream #EADFD6, offering an inviting and clean canvas that enhances the sepia effect.

text

For readable body text on light backgrounds like #EADFD6 or #CDB8A6, #5A4138 ensures optimal contrast and maintaining the palette's depth. A standard black or dark charcoal is also a suitable option.

Accessibility notes

Ensure #5A4138 text on #EADFD6 or #CDB8A6 provides sufficient contrast for WCAG AA.
Avoid using #CDB8A6 or #EADFD6 for small text on light backgrounds, as readability will be compromised.
Use the darker browns (#5A4138, #7F5C4F) for interactive elements to ensure clear visibility and affordance.
When using #A67D6C as a background, pair it with #5A4138 for text or a very light color like white for optimal contrast.

Recommended combinations

Deep Sepia

Primary branding: #5A4138 for logos/headers, #EADFD6 for backgrounds, and #7F5C4F for buttons or highlights.

#5A4138 · #EADFD6 · #7F5C4F

Faded Ink

Content sections: #CDB8A6 as a base, #7F5C4F for titles, and #5A4138 for body text or important quotes, evoking aged documents.

#7F5C4F · #CDB8A6 · #5A4138

Soft Layers

UI elements: #EADFD6 for card backgrounds, #A67D6C for icons, and #CDB8A6 for subtle borders or dividers.

#EADFD6 · #A67D6C · #CDB8A6

CSS variables

:root {
  --vintage-postcard-sepia-5-1: #7F5C4F;
  --vintage-postcard-sepia-5-2: #A67D6C;
  --vintage-postcard-sepia-5-3: #CDB8A6;
  --vintage-postcard-sepia-5-4: #EADFD6;
  --vintage-postcard-sepia-5-5: #5A4138;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-sepia-5": {
        1: "#7F5C4F",
        2: "#A67D6C",
        3: "#CDB8A6",
        4: "#EADFD6",
        5: "#5A4138",
      }
    }
  }
}

Hex values

Color 1#7F5C4F

Color 2#A67D6C

Color 3#CDB8A6

Color 4#EADFD6

Color 5#5A4138

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

4.5:1AA

1.6:1Fail

1.9:1Fail

2.8:1Fail

2.6:1Fail

3.1:1AA18

1.9:1Fail

1.5:1Fail

4.9:1AA

4.5:1AA

2.8:1Fail

1.5:1Fail

7.1:1AAA

1.6:1Fail

2.6:1Fail

4.9:1AA

7.1:1AAA

Similar palettes

Vintage Postcard Sepia

See it in context.

Ready when you are.

Built with Vintage Postcard Sepia.

How to use Vintage Postcard Sepia

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Sepia

Faded Ink

Soft Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Sepia