Palette

Dusty Attic Memoir

Soft, muted browns and creams evoking forgotten treasures and quiet memories found in an old attic.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Attic Memoir 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 Dusty Attic Memoir.

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

Data visualization

#6F5E53#9C8F85#CDBEAC#EAD8C7#4F433B

Palette guide

How to use Dusty Attic Memoir

Overview

The Dusty Attic Memoir palette features soft, muted browns and creams, evoking forgotten treasures and quiet memories found in an old attic. With shades like #6F5E53, #9C8F85, and the gentle #EAD8C7, this collection is perfect for designs that require a nostalgic, vintage, and serene feel. Designers and developers can leverage these harmonious tones to create captivating storytelling blogs, artisanal product branding, or digital interfaces that resonate with a sense of history and quiet reflection. The deepest shade, #4F433B, grounds the palette with rich depth.

Best used for

Vintage photography and portfolios
Storytelling blogs and memoirs
Artisanal product branding
Rustic wedding themes
Cozy home decor and interiors
Historical exhibits and presentations

Suggested color roles

primary

#9C8F85 serves as a muted mid-brown, providing a nostalgic feel ideal for main content areas.

secondary

#6F5E53 offers a deeper tone for grounding elements, subheadings, or strong borders.

accent

#CDBEAC provides a lighter, soft highlight, perfect for subtle accents or decorative details.

background

#EAD8C7 is the lightest shade, creating a gentle creamy base that enhances the vintage mood.

text

For readability on light backgrounds, use #4F433B or a dark brown/charcoal. For critical text, black is recommended.

Accessibility notes

For text on #EAD8C7, use #4F433B to ensure good contrast and optimal readability.
The contrast between #CDBEAC and #EAD8C7 is low; avoid using these for small or essential text elements.
Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
For body text, a dark brown or black provides optimal legibility on the lightest colors, especially for users with visual impairments.

Recommended combinations

Memory Layers

Creates a gentle progression of light to mid-tones, ideal for background effects or layered elements.

#EAD8C7 · #CDBEAC · #9C8F85

Deep Recollection

Combines the deepest brown with a soft, creamy background for strong contrast and a rich, historical feel.

#4F433B · #6F5E53 · #EAD8C7

Quiet Hues

Offers balanced mid-tones for a subdued, warm feel, suitable for content blocks or visual hierarchy.

#9C8F85 · #CDBEAC · #6F5E53

CSS variables

:root {
  --dusty-attic-memoir-1: #6F5E53;
  --dusty-attic-memoir-2: #9C8F85;
  --dusty-attic-memoir-3: #CDBEAC;
  --dusty-attic-memoir-4: #EAD8C7;
  --dusty-attic-memoir-5: #4F433B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-attic-memoir": {
        1: "#6F5E53",
        2: "#9C8F85",
        3: "#CDBEAC",
        4: "#EAD8C7",
        5: "#4F433B",
      }
    }
  }
}

Hex values

Color 1#6F5E53

Color 2#9C8F85

Color 3#CDBEAC

Color 4#EAD8C7

Color 5#4F433B

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

4.5:1AA18

1.5:1Fail

2:1Fail

1.7:1Fail

2.3:1Fail

3:1AA18

3.4:1AA18

1.7:1Fail

1.3:1Fail

5.3:1AA

4.5:1AA18

2.3:1Fail

1.3:1Fail

6.9:1AA

1.5:1Fail

3:1AA18

5.3:1AA

6.9:1AA

Similar palettes

More like Dusty Attic Memoir

View all neutral

Aged Atlas Hues

Aged Parchment Whisper

Aged Photoprint Tone

Ancient Papyrus Scroll

Dusty Attic Antiques

Old Atlas Pages