Palette

Antique Vellum Scroll

Soft, muted tones reminiscent of ancient, brittle paper and the stories hidden within its faded ink.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#FDF5E6#FAEBD7#8B4513#654321

Palette guide

How to use Antique Vellum Scroll

Overview

The Antique Vellum Scroll palette features soft, muted tones reminiscent of ancient, brittle paper and the stories hidden within its faded ink. This natural collection ranges from the deep, grounding #654321 to the delicate, bright #FDF5E6, perfect for designs seeking a vintage, authentic, and subtly earthy aesthetic. Intermediate shades like #D2B48C and #FAEBD7 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, organic, 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 #654321 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

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

accent

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

background

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

text

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

Accessibility notes

Ensure #654321 text on #FDF5E6 background meets WCAG AA contrast standards.
Avoid pairing #D2B48C or #FAEBD7 for small text on #FDF5E6, 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

Vellum Base

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

#FDF5E6 · #654321 · #8B4513

Aged Depth

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

#D2B48C · #FAEBD7 · #8B4513

Parchment Glow

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

#FAEBD7 · #FDF5E6 · #D2B48C

CSS variables

:root {
  --antique-vellum-scroll-1: #D2B48C;
  --antique-vellum-scroll-2: #FDF5E6;
  --antique-vellum-scroll-3: #FAEBD7;
  --antique-vellum-scroll-4: #8B4513;
  --antique-vellum-scroll-5: #654321;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-vellum-scroll": {
        1: "#D2B48C",
        2: "#FDF5E6",
        3: "#FAEBD7",
        4: "#8B4513",
        5: "#654321",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#FDF5E6

Color 3#FAEBD7

Color 4#8B4513

Color 5#654321

Accessibility

Contrast checker

1.8:1Fail

1.7:1Fail

3.6:1AA18

4.5:1AA18

1.8:1Fail

1.1:1Fail

6.6:1AA

8.1:1AAA

1.7:1Fail

1.1:1Fail

6.1:1AA

7.5:1AAA

3.6:1AA18

6.6:1AA

6.1:1AA

1.2:1Fail

4.5:1AA18

8.1:1AAA

7.5:1AAA

1.2:1Fail

Similar palettes

More like Antique Vellum Scroll

Aged Parchment Scroll

Aged Snapshot Tones

Ancient Papyrus Scroll