Palette

Heirloom Parchment Hues

Rich, warm browns and aged creams, reminiscent of the worn leather and yellowed pages of heirloom books.

earthelegant5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Heirloom Parchment Hues 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 Heirloom Parchment Hues.

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

Data visualization

#8B4513#B0652D#D0946E#F0D0B0#5A321F

Palette guide

How to use Heirloom Parchment Hues

Overview

The Heirloom Parchment Hues palette captures the elegant essence of antique documents and leather-bound books, featuring a sophisticated range of warm browns and aged creams. With deep, grounding tones like #5A321F and #8B4513, complemented by the inviting #B0652D and #D0946E, this palette offers designers and developers a refined aesthetic. The soft, parchment-like #F0D0B0 provides a perfect light base. Ideal for projects seeking to convey history, elegance, and a scholarly touch, this collection ensures a timeless and distinguished user experience, perfect for branding or digital content with a vintage appeal.

Best used for

Antique shops and vintage collection websites
Fine stationery and artisanal paper brands
Historical archives and museum digital platforms
Elegant branding for luxury goods or services
Classic literature blogs and publishing designs
Interior design for libraries or studies

Suggested color roles

primary

Utilize #B0652D as a warm, inviting primary color for headings, navigation, or key graphical elements, drawing users in with its rich tone.

secondary

The deeper #8B4513 serves as a grounding secondary color for subheadings, important links, or background accents, adding gravitas.

accent

Apply #D0946E as a soft, aged accent for subtle highlights, decorative borders, or background textures, enhancing the vintage feel.

background

The light, parchment-like #F0D0B0 provides an excellent, clean background, ensuring high readability for darker text and an elegant canvas.

text

Employ #5A321F for body text and crucial information. This very dark, rich brown offers superior contrast and readability, mimicking classic ink.

Accessibility notes

Ensure #5A321F provides excellent contrast against #F0D0B0 for all critical text to meet WCAG AA guidelines.
Avoid using #D0946E for small text on light backgrounds due to potential insufficient contrast; best for larger elements or accents.
When using #B0652D as a background, ensure text in #F0D0B0 or a very light shade has adequate contrast.
The mid-tone #8B4513 works well for text on #F0D0B0, but always verify contrast for readability.

Recommended combinations

Aged Document

Perfect for content blocks or article layouts, mimicking old paper with clear, authoritative text.

#5A321F · #F0D0B0 · #D0946E

Leather Bound

Ideal for sophisticated branding or main navigation, conveying depth and timeless elegance.

#8B4513 · #B0652D · #5A321F

Vintage Study

Suitable for feature cards or decorative elements, blending warm, aged tones for a cozy, intellectual feel.

#D0946E · #B0652D · #8B4513

CSS variables

:root {
  --heirloom-parchment-hues-1: #8B4513;
  --heirloom-parchment-hues-2: #B0652D;
  --heirloom-parchment-hues-3: #D0946E;
  --heirloom-parchment-hues-4: #F0D0B0;
  --heirloom-parchment-hues-5: #5A321F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "heirloom-parchment-hues": {
        1: "#8B4513",
        2: "#B0652D",
        3: "#D0946E",
        4: "#F0D0B0",
        5: "#5A321F",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#B0652D

Color 3#D0946E

Color 4#F0D0B0

Color 5#5A321F

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4.9:1AA

1.5:1Fail

1.6:1Fail

1.7:1Fail

3:1AA18

2.5:1Fail

2.8:1Fail

1.7:1Fail

1.8:1Fail

4.3:1AA18