Palette

Aged Vellum Text

Earthy tones reminiscent of ancient scrolls and aged parchment, carrying a sense of history and quiet knowledge.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Vellum Text 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 Aged Vellum Text.

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

Data visualization

#F5DEB3#DEB887#CD853F#A0522D#8B4513

Palette guide

How to use Aged Vellum Text

Overview

The Aged Vellum Text palette features earthy tones reminiscent of ancient scrolls and aged parchment, carrying a sense of history and quiet knowledge. With light #F5DEB3, warm #DEB887, vibrant #CD853F, and deep #A0522D and #8B4513, this collection is perfect for designers and developers seeking to evoke an antique, rustic, or historically rich ambiance. These hex codes provide a robust and versatile foundation for projects that convey authenticity, warmth, and a deep connection to the past, ideal for storytelling and heritage-focused designs.

Best used for

Historical museum exhibit design
Documentary film title sequences
Artisanal leather goods branding
Academic publishing and scholarly works
Vintage map and illustration design
Heritage brand marketing

Suggested color roles

primary

Utilize #8B4513 as the deepest, most grounding shade for main headers, footers, or dominant brand elements, providing gravitas.

secondary

Apply #A0522D for supporting sections, subheadings, or larger content blocks, adding a rich, warm rust tone.

accent

Highlight key information or interactive elements with #CD853F, a vibrant burnt orange-brown that captures attention.

background

Choose #F5DEB3 for light, creamy vellum backgrounds, offering a soft, aged-parchment canvas that enhances readability.

text

For optimal readability on light backgrounds, #8B4513 provides strong contrast. On darker backgrounds like #A0522D, #DEB887 works well for text.

Accessibility notes

Ensure sufficient contrast between #F5DEB3 and darker text colors like #8B4513 for readability.
The vibrant #CD853F should be used carefully for text on mid-tones to ensure legibility.
Avoid using #DEB887 as text on #CD853F unless for very large, decorative headlines.
Prioritize contrast for interactive elements to ensure clear user feedback and usability.

Recommended combinations

Scroll & Ink

Ideal for a strong, vintage layout with deep text, a vibrant accent, and a soft, aged background.

#8B4513 · #CD853F · #F5DEB3

Ancient Textures

Excellent for creating layered content with rich mid-tones on a lighter background, grounded by dark text.

#A0522D · #DEB887 · #8B4513

Parchment Glow

Perfect for inviting sections, moving from a light background to a vibrant accent and robust detail.

#F5DEB3 · #CD853F · #A0522D

CSS variables

:root {
  --aged-vellum-text-1: #F5DEB3;
  --aged-vellum-text-2: #DEB887;
  --aged-vellum-text-3: #CD853F;
  --aged-vellum-text-4: #A0522D;
  --aged-vellum-text-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-vellum-text": {
        1: "#F5DEB3",
        2: "#DEB887",
        3: "#CD853F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#F5DEB3

Color 2#DEB887

Color 3#CD853F

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

4.3:1AA18

5.4:1AA

1.4:1Fail

1.6:1Fail

3:1AA18

3.8:1AA18

2.3:1Fail

1.6:1Fail

1.9:1Fail

2.4:1Fail

4.3:1AA18

3:1AA18

1.9:1Fail

1.3:1Fail

5.4:1AA

3.8:1AA18

2.4:1Fail

1.3:1Fail

Similar palettes

More like Aged Vellum Text

Aged Manuscript Bindings

Ancient Amphora Vessel