Back to palettes

Palette

Worn Canvas Memory

Soft, faded browns and greys that capture the nostalgic feeling of treasured, worn canvas photographs and cherished memories.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Worn Canvas Memory 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 Worn Canvas Memory.

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

Data visualization

#9A8C7F#BCAFA4#DFD8D0#7A7067#605750

Palette guide

How to use Worn Canvas Memory

Overview

The Worn Canvas Memory palette captures the soft, faded browns and greys of treasured, aged photographs and materials, evoking a sense of nostalgia. With deep, grounding tones like #605750 and #7A7067, complemented by lighter, muted shades such as #BCAFA4 and #DFD8D0, this palette is inherently vintage and serene. Designers and developers can leverage these subtle hues to create interfaces and branding that feel authentic, personal, and comforting. The inclusion of #9A8C7F provides a versatile mid-tone, making it perfect for projects that aim for a classic, sepia-toned, or memory-themed aesthetic.

Best used for

  • Photography portfolios and online galleries
  • Vintage-themed websites and blogs
  • Scrapbooking or memory-keeping applications
  • Muted fashion branding and e-commerce
  • Cozy cafe or artisanal product branding
  • Nostalgic storytelling platforms

Suggested color roles

primary

#605750 serves as a deep, grounding canvas brown, ideal for foundational elements, headers, or strong accents.

secondary

#7A7067 provides a rich, warm grey-brown, suitable for secondary content blocks or textural backgrounds.

accent

#BCAFA4 offers a soft, faded highlight, perfect for subtle interactive states or delicate decorative elements.

background

#DFD8D0 acts as a light, airy, subtle off-white base, providing a clean and inviting canvas.

text

#605750 is a dark, legible brown that ensures excellent readability for body text, or use charcoal for universal readability.

Accessibility notes

  • Ensure #605750 on #DFD8D0 provides excellent contrast for body text (WCAG AA).
  • Verify sufficient contrast for #7A7067 when used as text on lighter backgrounds like #DFD8D0.
  • Be cautious when using #9A8C7F or #BCAFA4 for small text on light backgrounds due to potential low contrast.
  • Consider white or a very light cream for text on darker hues like #605750 or #7A7067.

Recommended combinations

Deep Canvas

Creates a rich, layered effect reminiscent of aged fabrics and deep, comforting tones.

#605750 · #7A7067 · #9A8C7F

Faded Memory

Ideal for lighter sections, evoking the soft, delicate quality of old photographs and memories.

#9A8C7F · #BCAFA4 · #DFD8D0

Nostalgic Blend

A balanced trio for general UI, offering clear hierarchy with a warm, nostalgic feel.

#605750 · #DFD8D0 · #7A7067

CSS variables

:root {
  --worn-canvas-memory-1: #9A8C7F;
  --worn-canvas-memory-2: #BCAFA4;
  --worn-canvas-memory-3: #DFD8D0;
  --worn-canvas-memory-4: #7A7067;
  --worn-canvas-memory-5: #605750;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-canvas-memory": {
        1: "#9A8C7F",
        2: "#BCAFA4",
        3: "#DFD8D0",
        4: "#7A7067",
        5: "#605750",
      }
    }
  }
}

Related searches

worn canvas colorsnostalgic sepia palettemuted neutral schemevintage photography tonesmemory theme design

Palette colors

Hex values

Color 1#9A8C7F
·
Color 2#BCAFA4
·
Color 3#DFD8D0
·
Color 4#7A7067
·
Color 5#605750
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.5:1Fail
2.2:1Fail
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
3.3:1AA18
3
2.3:1Fail
1.5:1Fail
3.4:1AA18
5:1AA
4
1.5:1Fail
2.3:1Fail
3.4:1AA18
1.5:1Fail
5
2.2:1Fail
3.3:1AA18
5:1AA
1.5:1Fail

Similar palettes

More like Worn Canvas Memory

View all neutral
Aged Photo Album
Aged Photoprint Tone
Aged Sepia Memoir
Explorer's Dusty Tome
Faded Photograph Memory
Faded Sepia Memory