Palette

Vintage Postcard Fade

Faded and timeless, like a cherished postcard found in an old attic, full of stories.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C7B79D#A08D79#7D695D#5A4B42#E6DACC

Palette guide

How to use Vintage Postcard Fade

Overview

The Vintage Postcard Fade palette offers a beautiful collection of faded and timeless tones, reminiscent of a cherished postcard discovered in an old attic, full of stories. This muted, sepia-inspired spectrum ranges from the light, creamy #E6DACC, providing a soft background, to the deep, grounding #5A4B42. Intermediate shades like #C7B79D, #A08D79, and #7D695D create a harmonious progression, adding depth and a sense of history. Designers can leverage these hues to infuse projects with nostalgia, warmth, and understated elegance, making it ideal for storytelling, retro branding, or designs aiming for a comforting, aged aesthetic.

Best used for

Nostalgic storytelling websites
Retro-themed personal blogs
Branding for antique shops
Historical photography exhibitions
Packaging for old-fashioned goods
UI designs with a warm, faded feel

Suggested color roles

primary

A versatile, warm grey-brown that serves as a strong primary color, conveying a sense of age and authenticity for main content with #A08D79.

secondary

A lighter, more faded beige-brown, excellent for secondary elements, subtle backgrounds, or delicate patterns, adding a soft touch with #C7B79D.

accent

A deeper, more defined brown that can be used for subtle accents, interactive elements, or important highlights without being overly bold, using #7D695D.

background

A very light, creamy off-white, #E6DACC, perfect for a primary background, evoking aged paper and ensuring good readability for darker text.

text

The darkest shade in the palette, #5A4B42, is excellent for body text and headlines, providing sufficient contrast and a classic, legible appearance.

Accessibility notes

Ensure #5A4B42 text on #E6DACC backgrounds meets WCAG AA or AAA contrast standards.
Avoid using #C7B79D or #A08D79 for small text on similarly light backgrounds due to low contrast.
Always verify contrast ratios for all interactive elements to ensure they are easily discernible.
For critical readability, consider a slightly darker charcoal if the darkest palette color doesn't meet very stringent contrast requirements.

Recommended combinations

Faded Text

Classic pairing for legible body text on a soft, aged background, evoking an old postcard.

#E6DACC · #5A4B42 · #C7B79D

Warm Progression

Creates gentle depth and hierarchy for headings, subheadings, and layered UI components with a retro feel.

#C7B79D · #A08D79 · #7D695D

Postcard Accent

Use the mid-brown as a subtle accent against the light base, with the darkest for strong text elements.

#E6DACC · #7D695D · #5A4B42

CSS variables

:root {
  --vintage-postcard-fade-1: #C7B79D;
  --vintage-postcard-fade-2: #A08D79;
  --vintage-postcard-fade-3: #7D695D;
  --vintage-postcard-fade-4: #5A4B42;
  --vintage-postcard-fade-5: #E6DACC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-fade": {
        1: "#C7B79D",
        2: "#A08D79",
        3: "#7D695D",
        4: "#5A4B42",
        5: "#E6DACC",
      }
    }
  }
}

Hex values

Color 1#C7B79D

Color 2#A08D79

Color 3#7D695D

Color 4#5A4B42

Color 5#E6DACC

Accessibility

Contrast checker

1.6:1Fail

2.6:1Fail

4.2:1AA18

1.4:1Fail

1.6:1Fail

2.6:1Fail

2.3:1Fail

2.6:1Fail

1.6:1Fail

3.8:1AA18

4.2:1AA18

2.6:1Fail

1.6:1Fail

6.1:1AA

1.4:1Fail

2.3:1Fail

3.8:1AA18

6.1:1AA

Similar palettes

Vintage Postcard Fade

See it in context.

Ready when you are.

Built with Vintage Postcard Fade.

How to use Vintage Postcard Fade

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Faded Text

Warm Progression

Postcard Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Fade