Back to palettes

Palette

Ancient Relic Weave

Muted, deep earth tones reflecting the worn beauty of antique woven fabrics and artifacts.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Relic Weave 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 Ancient Relic Weave.

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

Data visualization

#A89678#8C7A5E#705E4C#5C4A3A#4A3628

Palette guide

How to use Ancient Relic Weave

Overview

The Ancient Relic Weave palette offers a monochromatic collection of muted, deep earth tones, reflecting the worn beauty of antique woven fabrics and artifacts, with a distinctly retro mood. Ranging from the versatile #A89678 to the rich #4A3628, with harmonious mid-tones like #8C7A5E, #705E4C, and #5C4A3A, this palette provides a grounded and tactile feel. Designers can utilize these profound hues to create designs that communicate history, warmth, and a sophisticated, organic appeal, perfect for projects that celebrate handcrafted heritage.

Best used for

  • Textile design and fashion branding (vintage)
  • Vintage home decor websites
  • Historical reenactment website design
  • Rustic interior design mood boards
  • Artisan craft product packaging
  • Retro-inspired digital interfaces

Suggested color roles

primary

Utilize #4A3628 for main headings, important calls to action, or key navigational elements to provide strong visual anchors.

secondary

Employ #5C4A3A for subheadings, secondary buttons, or footer backgrounds, offering a deep, complementary brown.

accent

Introduce #705E4C sparingly for subtle highlights, decorative elements, or interactive states, adding gentle warmth.

background

Apply #A89678 as a clean, aged background, reminiscent of worn fabric, providing excellent contrast for darker text.

text

For body text, #4A3628 offers optimal readability on lighter backgrounds like #A89678, embodying the palette's retro feel.

Accessibility notes

  • The contrast between #4A3628 and #A89678 is good for text readability, meeting WCAG AA standards.
  • Due to the monochromatic nature, contrast between adjacent mid-tones (e.g., #705E4C on #8C7A5E) may be insufficient for text.
  • Avoid using #A89678 or #8C7A5E for text on similar light backgrounds within the palette.
  • Consider using a lighter text color like off-white if using the darkest colors as large background blocks.

Recommended combinations

Woven Tapestry

Perfect for a classic page layout: light background, a mid-tone for sections, and a deep brown for readable text.

#A89678 · #8C7A5E · #4A3628

Aged Fabric

Creates a harmonious, layered effect suitable for content blocks or card designs, offering subtle depth and warmth.

#8C7A5E · #705E4C · #5C4A3A

Rustic Threads

Combines a clean background with strong, readable text and a rich brown accent for interactive elements or highlights.

#A89678 · #5C4A3A · #705E4C

CSS variables

:root {
  --ancient-relic-weave-1: #A89678;
  --ancient-relic-weave-2: #8C7A5E;
  --ancient-relic-weave-3: #705E4C;
  --ancient-relic-weave-4: #5C4A3A;
  --ancient-relic-weave-5: #4A3628;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-relic-weave": {
        1: "#A89678",
        2: "#8C7A5E",
        3: "#705E4C",
        4: "#5C4A3A",
        5: "#4A3628",
      }
    }
  }
}

Related searches

antique fabric colorsretro brown paletteaged tapestry aestheticearthy woven designhistoric textile scheme

Palette colors

Hex values

Color 1#A89678
·
Color 2#8C7A5E
·
Color 3#705E4C
·
Color 4#5C4A3A
·
Color 5#4A3628
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
2.9:1Fail
3.9:1AA18
2
1.4:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail
3
2.2:1Fail
1.5:1Fail
1.4:1Fail
1.8:1Fail
4
2.9:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.9:1AA18
2.7:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Ancient Relic Weave

View all earth