Back to palettes

Palette

Parchment Scroll Quiet

Evoking the silent wisdom of ancient parchments and faded ink, a nod to timeless history.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A29E8C#C4BCA8#E2DFD3#4A4A45#7A766F

Palette guide

How to use Parchment Scroll Quiet

Overview

The Parchment Scroll Quiet palette offers a serene collection of muted, vintage-inspired neutrals, perfect for evoking a sense of calm history. With shades like the soft beige of #C4BCA8, a lighter almost-white #E2DFD3, a grounding mid-gray #A29E8C, and deep, sophisticated grays #4A4A45 and #7A766F, this palette is ideal for designers and developers aiming for a minimalist, classic, and elegant aesthetic. It excels in creating interfaces and branding that convey timelessness, introspection, and a quiet strength. The subtle variation in grays and beiges allows for depth without sacrificing the overall understated mood, ensuring a sophisticated and natural feel.

Best used for

  • Vintage photography portfolios or galleries
  • Branding for artisanal crafts or heritage products
  • Minimalist website designs for artists or writers
  • Editorial layouts for historical or cultural content
  • App interfaces requiring a calm, focused user experience
  • Packaging for high-end, natural products

Suggested color roles

primary

Use #A29E8C as a foundational color for backgrounds or large sections, establishing a muted, elegant base.

secondary

Employ #C4BCA8 for content panels or secondary elements, offering a softer, more approachable tone.

accent

Apply #E2DFD3 sparingly for subtle highlights, interactive states, or delicate graphical touches, providing gentle contrast.

background

The light and airy #E2DFD3 is excellent for main backgrounds, ensuring high readability for darker text.

text

Utilize #4A4A45 for primary text, ensuring excellent contrast against lighter shades like #E2DFD3, or #7A766F for headings against #C4BCA8.

Accessibility notes

  • Ensure #4A4A45 text on #E2DFD3 background meets WCAG AA contrast standards, which it generally does.
  • Avoid using #C4BCA8 or #A29E8C as text colors on #E2DFD3, as contrast will likely be insufficient.
  • For interactive elements, use #4A4A45 or #7A766F for text/icons on lighter buttons for clear visibility.
  • Consider a slightly darker alternative to #7A766F for very small text if contrast is borderline on certain backgrounds.

Recommended combinations

Quiet Document

Perfect for clean, readable text on a soft background, mimicking aged paper and ink.

#E2DFD3 · #4A4A45 · #C4BCA8

Sepia Tone

Creates a warm, muted, and sophisticated look for headers, footers, or photographic overlays.

#A29E8C · #7A766F · #E2DFD3

Muted Contrast

Offers a strong yet gentle contrast, suitable for navigation, card designs, or subtle UI components.

#4A4A45 · #C4BCA8 · #A29E8C

CSS variables

:root {
  --parchment-scroll-quiet-1: #A29E8C;
  --parchment-scroll-quiet-2: #C4BCA8;
  --parchment-scroll-quiet-3: #E2DFD3;
  --parchment-scroll-quiet-4: #4A4A45;
  --parchment-scroll-quiet-5: #7A766F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parchment-scroll-quiet": {
        1: "#A29E8C",
        2: "#C4BCA8",
        3: "#E2DFD3",
        4: "#4A4A45",
        5: "#7A766F",
      }
    }
  }
}

Related searches

vintage neutral palettesepia tone color schemeclassic minimalist colorsearthy gray beige palettequiet web design aesthetics

Palette colors

Hex values

Color 1#A29E8C
·
Color 2#C4BCA8
·
Color 3#E2DFD3
·
Color 4#4A4A45
·
Color 5#7A766F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.3:1AA18
1.7:1Fail
2
1.4:1Fail
1.4:1Fail
4.7:1AA
2.4:1Fail
3
2:1Fail
1.4:1Fail
6.7:1AA
3.4:1AA18
4
3.3:1AA18
4.7:1AA
6.7:1AA
2:1Fail
5
1.7:1Fail
2.4:1Fail
3.4:1AA18
2:1Fail

Similar palettes

More like Parchment Scroll Quiet

View all neutral