Palette

Aged Photoprint Tone

Echoes the soft, faded warmth of old photographs, preserving memories in gentle, muted tones.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Photoprint Tone 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 Aged Photoprint Tone.

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

Data visualization

#3D2C28#6D5B56#9C8A85#CDBBB4#E9DDCB

Palette guide

How to use Aged Photoprint Tone

Overview

The Aged Photoprint Tone palette offers a sophisticated blend of muted browns and warm greys, reminiscent of cherished, faded photographs. With deep tones like #3D2C28 and #6D5B56, complemented by softer shades of #9C8A85, #CDBBB4, and the delicate #E9DDCB, this collection exudes a quiet, timeless elegance. It’s a superb choice for designers and developers aiming to create a vintage, rustic, or subtly melancholic ambiance. These hex codes provide a cohesive foundation for projects that require a sense of history, authenticity, and understated beauty, perfect for evoking memories.

Best used for

Historical website themes
Fine art print reproduction
Vintage-inspired branding
Artisanal product packaging
Documentary film graphics
Nostalgic digital interfaces

Suggested color roles

primary

Employ #3D2C28 for strong, grounding elements like headers, footers, or main navigation, providing deep contrast.

secondary

Use #6D5B56 for supporting sections, large blocks of content, or secondary branding, maintaining warmth.

accent

Highlight important details or interactive components with #9C8A85, a gentle, warm grey-brown.

background

Choose #E9DDCB for light, airy backgrounds, offering a soft, almost parchment-like canvas that enhances readability.

text

For optimal readability on light backgrounds, use #3D2C28. On darker backgrounds like #6D5B56, #CDBBB4 works well for text.

Accessibility notes

Ensure sufficient contrast when placing #CDBBB4 text on #9C8A85 backgrounds.
The darkest color, #3D2C28, provides excellent contrast for text on #E9DDCB or #CDBBB4.
Avoid using #CDBBB4 as text on #E9DDCB unless for very large, decorative headlines.
Prioritize higher contrast ratios for essential UI elements and body text for improved legibility.

Recommended combinations

Classic Sepia

Ideal for a traditional sepia-toned layout with dark text, a mid-tone accent, and a light background.

#3D2C28 · #9C8A85 · #E9DDCB

Rustic Depth

Excellent for creating depth in UI elements, using the darkest shade for borders or primary text.

#6D5B56 · #CDBBB4 · #3D2C28

Faded Elegance

Perfect for soft, elegant designs, utilizing the lightest colors for backgrounds and progressively darker tones for details.

#E9DDCB · #CDBBB4 · #6D5B56

CSS variables

:root {
  --aged-photoprint-tone-1: #3D2C28;
  --aged-photoprint-tone-2: #6D5B56;
  --aged-photoprint-tone-3: #9C8A85;
  --aged-photoprint-tone-4: #CDBBB4;
  --aged-photoprint-tone-5: #E9DDCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-photoprint-tone": {
        1: "#3D2C28",
        2: "#6D5B56",
        3: "#9C8A85",
        4: "#CDBBB4",
        5: "#E9DDCB",
      }
    }
  }
}

Hex values

Color 1#3D2C28

Color 2#6D5B56

Color 3#9C8A85

Color 4#CDBBB4

Color 5#E9DDCB

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

7.1:1AAA

9.9:1AAA

2.1:1Fail

1.9:1Fail

3.5:1AA18

4.8:1AA

4:1AA18

1.9:1Fail

1.8:1Fail

2.5:1Fail

7.1:1AAA

3.5:1AA18

1.8:1Fail

1.4:1Fail

9.9:1AAA

4.8:1AA

2.5:1Fail

1.4:1Fail

Similar palettes

More like Aged Photoprint Tone

View all neutral

Aged Photo Album

Explorer's Dusty Tome

Aged Herbarium Scroll

Aged Leather Patina

Antique Library Scrolls

Dusty Attic Memoir