Palette

Vintage Postcard Sepia

Warm, faded tones evoking the cherished memories and timeless beauty of old postcards.

EarthRetro5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#CD853F#D2B48C#F5DEB3#8B4513

Palette guide

How to use Vintage Postcard Sepia

Overview

The Vintage Postcard Sepia palette offers a rich, warm collection of earthy browns and oranges, perfect for evoking a sense of nostalgia and timeless beauty. With hues like deep Saddle Brown `#A0522D`, vibrant Carrot Orange `#CD853F`, a soothing Tan `#D2B48C`, and a soft Moccasin `#F5DEB3`, this palette is ideal for designers and developers aiming for an antique or retro aesthetic. The inclusion of a robust Dark Orange `#8B4513` ensures a strong foundation, allowing for designs that feel both grounded and inviting, reminiscent of cherished memories from old photographs.

Best used for

Vintage-themed branding and logos
Retro website designs and UI
Digital photography filters and presets
Print materials like invitations and stationery
Historical content and documentary visuals
E-commerce for artisanal or antique products

Suggested color roles

primary

Use `#A0522D` (Saddle Brown) for main headings or important call-to-action buttons, offering a strong, warm anchor.

secondary

Apply `#CD853F` (Carrot Orange) for secondary elements, accents, or illustrations to add a touch of vibrancy and warmth.

accent

Employ `#F5DEB3` (Moccasin) for subtle highlights, background textures, or light text on darker shades to bring a gentle glow.

background

The soft `#D2B48C` (Tan) or `#F5DEB3` (Moccasin) creates an excellent, warm base for content, evoking aged paper.

text

For body text and readability, `#8B4513` (Dark Orange) offers a deep, legible brown, or use a near-black for maximum contrast.

Accessibility notes

Ensure sufficient contrast between `#8B4513` or `#A0522D` and lighter backgrounds like `#F5DEB3` for text readability.
Avoid using mid-tones like `#CD853F` or `#D2B48C` for small text on similar background shades without testing.
Utilize a contrast checker for all text and interactive elements to meet WCAG guidelines, especially with the lighter browns.
Consider providing alternative text styles (e.g., darker font) for users with visual impairments on lighter background hues.

Recommended combinations

Warm Contrast

Ideal for headlines and body text on light backgrounds, with a vibrant highlight.

#8B4513 · #F5DEB3 · #CD853F

Earthy Blend

Perfect for creating natural, layered graphic elements or illustrations.

#A0522D · #D2B48C · #CD853F

Muted Highlight

Use for delicate patterns, background details, and subtle branding accents.

#F5DEB3 · #D2B48C · #A0522D

CSS variables

:root {
  --vintage-postcard-sepia-6-1: #A0522D;
  --vintage-postcard-sepia-6-2: #CD853F;
  --vintage-postcard-sepia-6-3: #D2B48C;
  --vintage-postcard-sepia-6-4: #F5DEB3;
  --vintage-postcard-sepia-6-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-postcard-sepia-6": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#CD853F

Color 3#D2B48C

Color 4#F5DEB3

Color 5#8B4513

Accessibility

Contrast checker

1.9:1Fail

2.8:1Fail

4.3:1AA18

1.3:1Fail

1.9:1Fail

1.5:1Fail

2.3:1Fail

2.4:1Fail

2.8:1Fail

1.5:1Fail

3.6:1AA18

4.3:1AA18

2.3:1Fail

1.5:1Fail

5.4:1AA

1.3:1Fail

2.4:1Fail

3.6:1AA18

5.4:1AA

Similar palettes

Vintage Postcard Sepia

See it in context.

Ready when you are.

Built with Vintage Postcard Sepia.

How to use Vintage Postcard Sepia

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Warm Contrast

Earthy Blend

Muted Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Postcard Sepia