Palette

Vintage Postcard Hues

Muted, sun-faded tones evoke a sense of nostalgia, like cherished memories on an old postcard.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DEB887#BC8F8F#CD853F#8B4513#D2B48C

Palette guide

How to use Vintage Postcard Hues

Overview

The "Vintage Postcard Hues" palette embodies a rich, sun-faded aesthetic, reminiscent of cherished memories preserved on aged paper. Featuring the deep cocoa of #8B4513 as a strong anchor, it flows into the warm, inviting tones of #CD853F and #DEB887. The unique dusty rose of #BC8F8F adds a subtle, unexpected touch of elegance, while #D2B48C provides a versatile, creamy base. This palette is exceptionally well-suited for designers and developers seeking to create digital or print experiences that convey warmth, history, and a comforting sense of nostalgia, making it perfect for storytelling or heritage-focused projects.

Best used for

Historical society websites or digital archives
Branding for artisanal food or beverage products
UI/UX for memory-sharing platforms
Retro-themed event invitations or posters
E-commerce sites for vintage clothing or collectibles
Book covers or editorial layouts with a classic feel

Suggested color roles

primary

A strong, dark brown #8B4513, excellent for main headings, navigation bars, or call-to-action buttons, providing gravitas.

secondary

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

accent

A soft, muted rose #BC8F8F that offers a sophisticated and gentle contrast, ideal for small decorative elements or hover states.

background

A light, creamy tan #D2B48C that provides a warm and inviting base for content, allowing darker text to stand out.

text

For body text on light backgrounds like #D2B48C or #DEB887, #8B4513 ensures readability while maintaining the palette's vintage feel. A standard dark gray like #444444 is also an option.

Accessibility notes

Ensure #8B4513 text on #D2B48C or #DEB887 meets WCAG contrast guidelines for readability.
Avoid using #BC8F8F or #DEB887 for small text on very light backgrounds as contrast may be low.
Use #8B4513 for interactive elements to ensure clear visibility and clickability.
When using #CD853F as a background, pair it with #8B4513 for text or a very light color like white for optimal contrast.

Recommended combinations

Rustic Elegance

Main branding: #8B4513 for logos, #D2B48C for primary backgrounds, and #BC8F8F for subtle decorative elements.

#8B4513 · #D2B48C · #BC8F8F

Warm Narrative

Content sections: #CD853F as a header, #DEB887 for sub-sections, and #8B4513 for key text.

#CD853F · #DEB887 · #8B4513

Faded Accent

Soft UI elements: #D2B48C for card backgrounds, #BC8F8F for subtle borders, and #CD853F for icons.

#D2B48C · #BC8F8F · #CD853F

CSS variables

:root {
  --vintage-postcard-hues-1: #DEB887;
  --vintage-postcard-hues-2: #BC8F8F;
  --vintage-postcard-hues-3: #CD853F;
  --vintage-postcard-hues-4: #8B4513;
  --vintage-postcard-hues-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-hues": {
        1: "#DEB887",
        2: "#BC8F8F",
        3: "#CD853F",
        4: "#8B4513",
        5: "#D2B48C",
      }
    }
  }
}

Hex values

Color 1#DEB887

Color 2#BC8F8F

Color 3#CD853F

Color 4#8B4513

Color 5#D2B48C

Accessibility

Contrast checker

1.5:1Fail

1.6:1Fail

3.8:1AA18

1.1:1Fail

1.5:1Fail

1.1:1Fail

2.5:1Fail

1.4:1Fail

1.6:1Fail

1.1:1Fail

2.4:1Fail

1.5:1Fail

3.8:1AA18

2.5:1Fail

2.4:1Fail

3.6:1AA18

1.1:1Fail

1.4:1Fail

1.5:1Fail

3.6:1AA18

Similar palettes

Vintage Postcard Hues

See it in context.

Ready when you are.

Built with Vintage Postcard Hues.

How to use Vintage Postcard Hues

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Elegance

Warm Narrative

Faded Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Hues