Palette

Vintage Postcard Memory

Reminiscent of old, worn postcards, carrying the warmth and gentle faded tones of past memories.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C1B499#8C7B65#E5DCC5#5A4C3D#AF9A7A

Palette guide

How to use Vintage Postcard Memory

Overview

The "Vintage Postcard Memory" palette offers a sophisticated range of warm, desaturated browns and creams, perfectly capturing the essence of aged paper and faded photographs. Anchored by the deep, grounding #5A4C3D, it flows through the mid-tones of #8C7B65 and #AF9A7A, providing rich, earthy versatility. The lighter #C1B499 serves as an excellent secondary base, while the almost-white #E5DCC5 offers a clean, soft canvas. This cohesive palette is meticulously crafted for designers and developers seeking to evoke a sense of timeless nostalgia, quiet elegance, and authentic vintage charm in their digital interfaces, print designs, or branding efforts.

Best used for

Branding for high-end vintage boutiques
UI/UX for historical photography apps
Websites for artisanal crafts or bespoke goods
Editorial design for luxury lifestyle magazines
E-commerce platforms for antique furniture or decor
Digital portfolios with a refined, classic aesthetic

Suggested color roles

primary

A deep, rich brown #5A4C3D, ideal for strong typographic elements, primary navigation, or prominent branding, lending an air of sophistication.

secondary

A warm, mid-tone brown #8C7B65 that works well for subheadings, important links, or as a background for highlighted content sections.

accent

A slightly lighter, more muted brown #AF9A7A that can be used for subtle interactive elements, decorative details, or secondary graphical accents.

background

A soft, warm, near-white cream #E5DCC5, providing an elegant and inviting canvas that allows the darker tones to stand out gently.

text

For readable body text on lighter backgrounds like #E5DCC5 or #C1B499, #5A4C3D ensures excellent contrast within the palette's tone. A standard black or dark charcoal is also suitable.

Accessibility notes

Ensure #5A4C3D text on #E5DCC5 or #C1B499 meets WCAG AA contrast ratios.
Avoid using #AF9A7A or #C1B499 for small text on very light backgrounds, as readability may be compromised.
Use #5A4C3D or #8C7B65 for interactive elements to ensure clear visibility and affordance.
When using #AF9A7A as a background, pair it with #5A4C3D for text to maintain good contrast.

Recommended combinations

Refined Sepia

Elegant brand identity: #5A4C3D for logos/headers, #E5DCC5 for primary backgrounds, and #C1B499 for subtle dividers.

#5A4C3D · #E5DCC5 · #C1B499

Aged Textures

Content blocks: #8C7B65 as a background, #AF9A7A for secondary info, and #5A4C3D for titles or key text.

#8C7B65 · #AF9A7A · #5A4C3D

Soft Highlights

UI accents: #E5DCC5 for card backgrounds, #C1B499 for borders, and #8C7B65 for subtle icons or hover states.

#E5DCC5 · #C1B499 · #8C7B65

CSS variables

:root {
  --vintage-postcard-memory-1: #C1B499;
  --vintage-postcard-memory-2: #8C7B65;
  --vintage-postcard-memory-3: #E5DCC5;
  --vintage-postcard-memory-4: #5A4C3D;
  --vintage-postcard-memory-5: #AF9A7A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-memory": {
        1: "#C1B499",
        2: "#8C7B65",
        3: "#E5DCC5",
        4: "#5A4C3D",
        5: "#AF9A7A",
      }
    }
  }
}

Hex values

Color 1#C1B499

Color 2#8C7B65

Color 3#E5DCC5

Color 4#5A4C3D

Color 5#AF9A7A

Accessibility

Contrast checker

2:1Fail

1.5:1Fail

4:1AA18

1.3:1Fail

2:1Fail

3:1Fail

2:1Fail

1.5:1Fail

3:1Fail

6.1:1AA

2:1Fail

4:1AA18

2:1Fail

6.1:1AA

3:1AA18

1.3:1Fail

1.5:1Fail

2:1Fail

3:1AA18

Similar palettes

Vintage Postcard Memory

See it in context.

Ready when you are.

Built with Vintage Postcard Memory.

How to use Vintage Postcard Memory

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Refined Sepia

Aged Textures

Soft Highlights

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Memory