Back to palettes

Palette

Dusty Attic Treasures

Muted, earthy tones and aged browns, like forgotten treasures hidden away in a dusty attic.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#D2B48C#F5DEB3#8B4513#CD853F

Palette guide

How to use Dusty Attic Treasures

Overview

The Dusty Attic Treasures palette features muted, earthy tones and aged browns, like forgotten treasures hidden away in a dusty attic. With shades such as #A0522D, #D2B48C, and the rich #8B4513, this collection is perfect for designs that evoke a sense of vintage charm, coziness, and rustic appeal. Designers and developers can utilize these harmonious tones to create captivating vintage e-commerce sites, antique furniture branding, or digital interfaces that resonate with warmth and a touch of history. The lightest shade, #F5DEB3, provides a soft, inviting base.

Best used for

  • Vintage e-commerce platforms
  • Antique furniture branding
  • Rustic craft packaging
  • Cozy cafe interiors
  • Autumn-themed designs
  • Historical blogs and articles

Suggested color roles

primary

#CD853F serves as a warm, inviting medium brown, ideal for main content areas or headers.

secondary

#A0522D offers a richer, slightly reddish brown for emphasis, subheadings, or strong borders.

accent

#D2B48C provides a soft, aged beige highlight, perfect for subtle accents or decorative details.

background

#F5DEB3 is the lightest shade, creating a warm creamy base that enhances the vintage feel.

text

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

Accessibility notes

  • For text on #F5DEB3, use #8B4513 to achieve good contrast and ensure sufficient readability.
  • The contrast between #D2B48C and #F5DEB3 is low; avoid using these for small or critical 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

Treasure Layers

Creates a light to medium progression of warm, aged tones, ideal for background gradients or subtle textures.

#F5DEB3 · #D2B48C · #CD853F

Deep Find

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

#8B4513 · #A0522D · #F5DEB3

Rustic Charm

Offers balanced mid-tones for a cozy and inviting feel, suitable for content blocks or visual hierarchy.

#CD853F · #D2B48C · #A0522D

CSS variables

:root {
  --dusty-attic-treasures-1: #A0522D;
  --dusty-attic-treasures-2: #D2B48C;
  --dusty-attic-treasures-3: #F5DEB3;
  --dusty-attic-treasures-4: #8B4513;
  --dusty-attic-treasures-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-attic-treasures": {
        1: "#A0522D",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Related searches

dusty brown orangevintage tan paletteantique earthy colorscozy retro schemerustic treasure design

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2B48C
·
Color 3#F5DEB3
·
Color 4#8B4513
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
4.3:1AA18
1.3:1Fail
1.9:1Fail
2
2.8:1Fail
1.5:1Fail
3.6:1AA18
1.5:1Fail
3
4.3:1AA18
1.5:1Fail
5.4:1AA
2.3:1Fail
4
1.3:1Fail
3.6:1AA18
5.4:1AA
2.4:1Fail
5
1.9:1Fail
1.5:1Fail
2.3:1Fail
2.4:1Fail

Similar palettes

More like Dusty Attic Treasures

View all retro