Palette

Vintage Postcard Muted

Faded, gentle tones reminiscent of an aged postcard, with soft, nostalgic colors of past eras.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#BDB76B#CD853F#D2B48C#F5DEB3

Palette guide

How to use Vintage Postcard Muted

Overview

The "Vintage Postcard Muted" palette blends a rich, faded warmth with subtle, earthy undertones, perfectly evoking the soft, aged charm of an old postcard. The deep, muted red of #A52A2A provides a striking yet sophisticated anchor, beautifully complemented by the antique gold of #BDB76B and the warm tan of #CD853F. The lighter #D2B48C and the near-cream #F5DEB3 offer versatile, gentle backdrops, ensuring excellent readability and a harmonious feel. This palette is ideal for designers and developers crafting experiences that require a historical touch, a cozy atmosphere, or a sophisticated retro aesthetic, balancing vibrancy with timeless appeal.

Best used for

Branding for artisanal food or craft breweries
UI/UX for historical documentaries or museum websites
Retro-themed event promotion materials
E-commerce sites for vintage clothing or handcrafted goods
Book covers or editorial designs with a classic, aged look
Digital scrapbooking or memory-keeping applications

Suggested color roles

primary

A deep, muted reddish-brown #A52A2A, excellent for strong headings, call-to-action buttons, or significant graphic elements to command attention gently.

secondary

A warm, inviting tan #CD853F that complements the primary, suitable for subheadings, important links, or background sections.

accent

An antique, muted gold #BDB76B that provides a unique and sophisticated highlight, ideal for small decorative details or interactive states.

background

A soft, warm, near-white cream #F5DEB3 that offers a welcoming and clean canvas, allowing the richer tones to stand out.

text

For readable body text on light backgrounds like #F5DEB3 or #D2B48C, #A52A2A maintains the palette's warmth. A standard dark charcoal or black is also suitable.

Accessibility notes

Ensure #A52A2A text on #F5DEB3 or #D2B48C provides sufficient contrast for WCAG AA.
Avoid using #BDB76B or #D2B48C for small text on very light backgrounds as contrast may be insufficient.
Use #A52A2A or #CD853F for interactive elements to ensure clear visibility and affordance.
When using #BDB76B as a background, pair it with #A52A2A for text or a very dark neutral for optimal contrast.

Recommended combinations

Rich Earth

Bold branding: #A52A2A for logos/headers, #F5DEB3 for backgrounds, and #CD853F for buttons or key information.

#A52A2A · #F5DEB3 · #CD853F

Gentle Patina

Content display: #D2B48C as a base, #BDB76B for subtle highlights or icons, and #A52A2A for important text.

#D2B48C · #BDB76B · #A52A2A

Muted Highlight

Soft UI elements: #F5DEB3 for card backgrounds, #CD853F for titles, and #D2B48C for borders or secondary text.

#F5DEB3 · #CD853F · #D2B48C

CSS variables

:root {
  --vintage-postcard-muted-1: #A52A2A;
  --vintage-postcard-muted-2: #BDB76B;
  --vintage-postcard-muted-3: #CD853F;
  --vintage-postcard-muted-4: #D2B48C;
  --vintage-postcard-muted-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-muted": {
        1: "#A52A2A",
        2: "#BDB76B",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#BDB76B

Color 3#CD853F

Color 4#D2B48C

Color 5#F5DEB3

Accessibility

Contrast checker

3.4:1AA18

2.4:1Fail

3.6:1AA18

5.4:1AA

3.4:1AA18

1.4:1Fail

1:1Fail

1.6:1Fail

2.4:1Fail

1.4:1Fail

1.5:1Fail

2.3:1Fail

3.6:1AA18

1:1Fail

1.5:1Fail

5.4:1AA

1.6:1Fail

2.3:1Fail

1.5:1Fail

Similar palettes

Vintage Postcard Muted

See it in context.

Ready when you are.

Built with Vintage Postcard Muted.

How to use Vintage Postcard Muted

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rich Earth

Gentle Patina

Muted Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Muted