Back to palettes

Palette

Antique Scroll

Muted, aged browns and creams evoke the feeling of ancient manuscripts and time-worn parchment.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Scroll 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 Antique Scroll.

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

Data visualization

#D2B48C#F5DEB3#DEB887#BC8F8F#8B4513

Palette guide

How to use Antique Scroll

Overview

The Antique Scroll palette evokes the feeling of ancient manuscripts and time-worn parchment, featuring muted, aged browns and creams. This natural collection ranges from the deep, grounding #8B4513 to the delicate, warm #F5DEB3. Intermediate shades like #D2B48C and #DEB887 provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, historical web interfaces, or editorial content that requires a soft, authentic, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from educational platforms to storytelling sites, where a classic, gentle aesthetic is desired.

Best used for

  • Historical document recreation
  • Branding for heritage products or artisanal goods
  • Fantasy or historical game UI/UX
  • Book covers and editorial layouts
  • Museum exhibit graphics
  • Vintage-themed event invitations

Suggested color roles

primary

Utilize #8B4513 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #BC8F8F for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #DEB887 for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #F5DEB3, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #8B4513 or a deep charcoal against the lightest backgrounds like #F5DEB3. For secondary text, #BC8F8F can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #8B4513 text on #F5DEB3 background meets WCAG AA contrast standards.
  • Avoid pairing #D2B48C or #DEB887 for small text on #F5DEB3, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Scroll Base

Creates a traditional scroll effect, ideal for readability with a light background and strong, historical text.

#F5DEB3 · #8B4513 · #D2B48C

Aged Depth

Ideal for layered UI components or subtle branding, creating depth with closely related brown and cream tones.

#DEB887 · #BC8F8F · #8B4513

Parchment Glow

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#D2B48C · #F5DEB3 · #DEB887

CSS variables

:root {
  --antique-scroll-1: #D2B48C;
  --antique-scroll-2: #F5DEB3;
  --antique-scroll-3: #DEB887;
  --antique-scroll-4: #BC8F8F;
  --antique-scroll-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-scroll": {
        1: "#D2B48C",
        2: "#F5DEB3",
        3: "#DEB887",
        4: "#BC8F8F",
        5: "#8B4513",
      }
    }
  }
}

Related searches

antique scroll colorsvintage parchment paletteaged brown and beigehistorical document tonesclassic neutral design

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F5DEB3
·
Color 3#DEB887
·
Color 4#BC8F8F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1.4:1Fail
3.6:1AA18
2
1.5:1Fail
1.4:1Fail
2.1:1Fail
5.4:1AA
3
1.1:1Fail
1.4:1Fail
1.5:1Fail
3.8:1AA18
4
1.4:1Fail
2.1:1Fail
1.5:1Fail
2.5:1Fail
5
3.6:1AA18
5.4:1AA
3.8:1AA18
2.5:1Fail

Similar palettes

More like Antique Scroll

View all neutral
Aged Scroll Patina
Ancient Cartographer Scrolls
Ancient Library Dust
Antique Library Pages
Antique Map Parchment
Antique Parchment Scroll