Back to palettes

Palette

Faded Photo Nostalgia

A collection of soft, muted tones recalling the charm of old, cherished photographs and timeless memories.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Photo Nostalgia 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 Faded Photo Nostalgia.

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

Data visualization

#CFC0B7#9E9087#7D6F69#E2D1C5#A8A39C

Palette guide

How to use Faded Photo Nostalgia

Overview

The "Faded Photo Nostalgia" palette offers a soft, muted collection of tones that beautifully recall the charm of old, cherished photographs. With gentle beiges like #E2D1C5 (lightest) and #CFC0B7, alongside deeper, grounding grays and browns such as #9E9087 and #7D6F69, this palette is ideal for evoking timeless memories and a sense of calm. The slightly cooler #A8A39C provides a subtle contrast, adding versatility. Designers and developers can leverage these hues to create sophisticated, understated, and emotionally resonant interfaces or branding that speaks to heritage and warmth.

Best used for

  • Vintage-inspired wedding stationery and websites
  • Branding for antique shops or heritage brands
  • Personal blogs focusing on memory or storytelling
  • UI/UX for photo archiving or family history apps
  • Interior design schemes for cozy, inviting spaces
  • Packaging for artisanal or handmade products

Suggested color roles

primary

Use #E2D1C5 as a soft, inviting background color, setting a gentle and airy tone for the design.

secondary

Apply #CFC0B7 for secondary content areas, card backgrounds, or subtle navigation elements, maintaining softness.

accent

Utilize #7D6F69 for calls-to-action, important headlines, or key UI elements to provide a grounding and legible contrast.

background

Employ #9E9087 for footer sections or deeper content blocks to add a layer of sophistication and visual weight.

text

For body text, #7D6F69 offers excellent readability against lighter backgrounds like #E2D1C5. For headings, #9E9087 is also a strong choice.

Accessibility notes

  • Ensure sufficient contrast between #7D6F69 text and #E2D1C5 background to meet WCAG AA standards for readability.
  • Lighter shades like #E2D1C5 and #CFC0B7 will require dark text for optimal contrast, especially for smaller font sizes.
  • When using #A8A39C for UI elements, ensure it contrasts adequately with surrounding background colors like #CFC0B7.
  • Avoid using #CFC0B7 on #E2D1C5 for critical information, as their closeness in value can hinder readability.

Recommended combinations

Gentle Memory

Ideal for soft, inviting backgrounds and layered content, creating a seamless and nostalgic user experience.

#E2D1C5 · #CFC0B7 · #9E9087

Deep Heritage

Great for establishing visual hierarchy in typography or distinguishing sections with a robust, yet muted, contrast.

#CFC0B7 · #7D6F69 · #A8A39C

Vintage Sepia

Perfect for creating a sophisticated, aged photo effect in digital illustrations or classic web layouts.

#E2D1C5 · #9E9087 · #7D6F69

CSS variables

:root {
  --faded-photo-nostalgia-1: #CFC0B7;
  --faded-photo-nostalgia-2: #9E9087;
  --faded-photo-nostalgia-3: #7D6F69;
  --faded-photo-nostalgia-4: #E2D1C5;
  --faded-photo-nostalgia-5: #A8A39C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-photo-nostalgia": {
        1: "#CFC0B7",
        2: "#9E9087",
        3: "#7D6F69",
        4: "#E2D1C5",
        5: "#A8A39C",
      }
    }
  }
}

Related searches

faded vintage colorsretro neutral paletteold photo color schemenostalgic beige graymuted heritage tones

Palette colors

Hex values

Color 1#CFC0B7
·
Color 2#9E9087
·
Color 3#7D6F69
·
Color 4#E2D1C5
·
Color 5#A8A39C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.2:1Fail
1.4:1Fail
2
1.7:1Fail
1.6:1Fail
2.1:1Fail
1.2:1Fail
3
2.7:1Fail
1.6:1Fail
3.3:1AA18
1.9:1Fail
4
1.2:1Fail
2.1:1Fail
3.3:1AA18
1.7:1Fail
5
1.4:1Fail
1.2:1Fail
1.9:1Fail
1.7:1Fail

Similar palettes

More like Faded Photo Nostalgia

View all neutral