Back to palettes

Palette

Ancient Stacks

Deep, muted tones evoking the scent of old paper and leather in a grand, quiet library.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#5C4033#B0C4DE#4A3C30

Palette guide

How to use Ancient Stacks

Overview

The 'Ancient Stacks' palette features deep, muted tones evoking the scent of old paper and leather in a grand, quiet library. With shades ranging from the rich #8B4513 to the subtle #B0C4DE (a muted blue), and grounded by #4A3C30, this earthy, vintage, and academic palette is perfect for designers and developers crafting elegant, rustic, and intellectual designs. It provides a sophisticated blend of warm browns and a cool accent, ideal for conveying heritage, knowledge, and a sense of timeless scholarly pursuits in various digital and physical applications, from library branding to luxury leather goods.

Best used for

  • Academic institutions and branding
  • Vintage bookstores and publishers
  • Library and archival websites
  • Leather goods and artisanal crafts
  • Historical films and documentaries
  • Sophisticated interior design concepts

Suggested color roles

primary

Utilize #5C4033 as a deep, rich brown for primary elements, such as headers or main content blocks, providing strong visual weight.

secondary

Apply #8B4513 as a warm, classic brown for supporting sections, subheadings, or subtle graphical accents, adding warmth.

accent

Introduce #B0C4DE as a soft, muted blue for a subtle highlight, interactive elements, or decorative details, providing a refreshing touch.

background

Employ #A0522D as a mid-tone, aged brown background, offering a rich yet versatile canvas.

text

For optimal legibility, use #4A3C30 (a very dark, almost black brown) for all body text and headings, ensuring strong contrast.

Accessibility notes

  • Ensure #4A3C30 text on #B0C4DE background meets WCAG AA contrast standards for readability.
  • Use #5C4033 for headings on #A0522D for good visual distinction.
  • Avoid using #A0522D as a background for light text, as contrast may be insufficient.
  • Check contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Leather Bound

Creates a deep, luxurious visual hierarchy suitable for prominent content blocks, footers, or deep textural backgrounds.

#4A3C30 · #5C4033 · #8B4513

Library Light

Ideal for contrasting elements, highlights, or decorative patterns that evoke light within a dark, rich space.

#8B4513 · #B0C4DE · #A0522D

Aged Books

An earthy and elegant combination for titles, hero sections, or key informational graphics.

#5C4033 · #A0522D · #B0C4DE

CSS variables

:root {
  --ancient-stacks-1: #8B4513;
  --ancient-stacks-2: #A0522D;
  --ancient-stacks-3: #5C4033;
  --ancient-stacks-4: #B0C4DE;
  --ancient-stacks-5: #4A3C30;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-stacks": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#5C4033",
        4: "#B0C4DE",
        5: "#4A3C30",
      }
    }
  }
}

Related searches

ancient library colorsvintage academia palettedark wood hexrustic elegant designold paper leather

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#5C4033
·
Color 4#B0C4DE
·
Color 5#4A3C30
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
4:1AA18
1.5:1Fail
2
1.3:1Fail
1.7:1Fail
3.2:1AA18
1.9:1Fail
3
1.3:1Fail
1.7:1Fail
5.3:1AA
1.1:1Fail
4
4:1AA18
3.2:1AA18
5.3:1AA
6:1AA
5
1.5:1Fail
1.9:1Fail
1.1:1Fail
6:1AA

Similar palettes

More like Ancient Stacks

View all earth