Palette

Vintage Postcard Hues

Nostalgic and softened tones recalling cherished memories captured on antique travel postcards.

Neutralretro5 colors

More Neutral 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

#704214#7CA5A0#F0D8C8#A8D0E6#C2B280

Palette guide

How to use Vintage Postcard Hues

Overview

The "Vintage Postcard Hues" palette offers a unique blend of muted earth tones and softened blues, capturing a serene, nostalgic charm. The rich, deep brown of #704214 provides a grounding anchor, beautifully complemented by the subtle blue-green of #7CA5A0 and the gentle, almost-white #F0D8C8. A calming sky blue, #A8D0E6, introduces a breath of fresh air, while the sandy #C2B280 bridges the warm and cool tones. This versatile palette is perfect for designers and developers aiming to evoke a sense of cherished memories, historical elegance, or a tranquil, retro aesthetic in their digital and print projects.

Best used for

Nostalgic digital scrapbooking apps
Travel blogs with a vintage theme
Branding for artisanal bakeries or cafes
UI for historical archive websites
E-commerce for handmade crafts or vintage finds
Editorial design for magazines with a gentle, aged feel

Suggested color roles

primary

A deep, grounding brown #704214, ideal for strong typographic elements, navigation, or brand logos, providing visual weight.

secondary

A soft, muted blue #A8D0E6 perfect for secondary headings, interactive states, or background accents to introduce a calming contrast.

accent

A unique blue-green #7CA5A0 that adds a sophisticated touch, suitable for small graphic details, highlight states, or decorative elements.

background

A warm, inviting off-white #F0D8C8 that serves as an excellent neutral canvas, allowing other colors to gently stand out.

text

For readable body text on lighter backgrounds like #F0D8C8, #704214 maintains the palette's muted character. A standard black or dark charcoal could also be used for maximum contrast.

Accessibility notes

Ensure text in #704214 has sufficient contrast on #F0D8C8.
Avoid placing #C2B280 text on #F0D8C8 as contrast will likely be poor.
Use a darker color for links and interactive elements, especially if they are placed on #F0D8C8 or #A8D0E6.
When using #7CA5A0 as a background, ensure text over it is either very dark (like #704214) or very light (like a pure white).

Recommended combinations

Serene Horizon

A calming web layout: #F0D8C8 background, #A8D0E6 for headers, and #704214 for body text and primary actions.

#F0D8C8 · #A8D0E6 · #704214

Earthy Contrast

Effective for data visualization or distinct sections: #704214 as a base, #C2B280 for data points, and #7CA5A0 for highlights.

#704214 · #C2B280 · #7CA5A0

Gentle Accents

For subtle UI elements: #F0D8C8 as a card background, #7CA5A0 for icons, and #A8D0E6 for subtle borders.

#F0D8C8 · #7CA5A0 · #A8D0E6

CSS variables

:root {
  --vintage-postcard-hues-3-1: #704214;
  --vintage-postcard-hues-3-2: #7CA5A0;
  --vintage-postcard-hues-3-3: #F0D8C8;
  --vintage-postcard-hues-3-4: #A8D0E6;
  --vintage-postcard-hues-3-5: #C2B280;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-hues-3": {
        1: "#704214",
        2: "#7CA5A0",
        3: "#F0D8C8",
        4: "#A8D0E6",
        5: "#C2B280",
      }
    }
  }
}

Hex values

Color 1#704214

Color 2#7CA5A0

Color 3#F0D8C8

Color 4#A8D0E6

Color 5#C2B280

Accessibility

Contrast checker

3.1:1AA18

6.2:1AA

5.2:1AA

4:1AA18

3.1:1AA18

2:1Fail

1.7:1Fail

1.3:1Fail

6.2:1AA

2:1Fail

1.2:1Fail

1.5:1Fail

5.2:1AA

1.7:1Fail

1.2:1Fail

1.3:1Fail

4:1AA18

1.3:1Fail

1.5:1Fail

1.3:1Fail

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

Serene Horizon

Earthy Contrast

Gentle Accents

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Hues