Back to palettes

Palette

Antique Paper Tone

Soft, faded creams and muted browns, evoking the worn, comforting pages of an antique book.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF4E3#F1E6CC#D9C7AC#BFA586#A1856B

Palette guide

How to use Antique Paper Tone

Overview

The Antique Paper Tone palette embodies the comforting aesthetic of aged, worn book pages, featuring soft, faded creams and muted browns. This collection, anchored by the light, inviting #FDF4E3 and deepened by the rich, historical #A1856B, is ideal for designs seeking a timeless, nostalgic, and elegant touch. Intermediate shades like #F1E6CC and #D9C7AC provide a gentle progression, perfect for creating subtle depth and visual interest. Designers can utilize these hues for editorial layouts, vintage branding, or any digital interface that benefits from a warm, approachable, and classic feel. Developers will find these hex codes excellent for crafting engaging web experiences and applications that evoke a sense of heritage and quiet sophistication.

Best used for

  • Editorial design and e-books
  • Vintage-inspired branding and logos
  • Personal blogs and storytelling platforms
  • Museum and archive website interfaces
  • Artisan product packaging
  • Wedding stationery and invitations

Suggested color roles

primary

Use #A1856B for key textual elements, important calls-to-action, or as a grounding footer color, providing clear contrast and vintage depth.

secondary

Employ #BFA586 for subheadings, detailed illustrations, or background panels that require a slightly darker, more defined presence than the lightest tones.

accent

Apply #D9C7AC for subtle decorative elements, interactive states, or as a separator, offering a gentle visual break without disrupting the palette's harmony.

background

The lightest tone, #FDF4E3, serves as an excellent primary background, mimicking aged paper to provide a soft, readable canvas for content.

text

For optimal readability, use #A1856B or a dark charcoal text against the lighter backgrounds like #FDF4E3 or #F1E6CC. For a softer look on #FDF4E3, #BFA586 can be used for secondary text.

Accessibility notes

  • Ensure #A1856B text on #FDF4E3 background meets WCAG AA contrast for body text.
  • Avoid pairing #D9C7AC with #F1E6CC for small text as the contrast might be too low.
  • Consider using larger font sizes for text in #BFA586 on backgrounds like #F1E6CC.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.

Recommended combinations

Classic Page

Creates a traditional document look, ideal for readability with a light background and strong, vintage text.

#FDF4E3 · #A1856B · #D9C7AC

Faded Elegance

Excellent for subtle branding or layered UI, offering depth with muted mid-tones and a grounding dark.

#BFA586 · #F1E6CC · #A1856B

Warm Narrative

Use for background sections or decorative panels that need to feel warm and inviting, complementing textual content.

#D9C7AC · #FDF4E3 · #BFA586

CSS variables

:root {
  --antique-paper-tone-1: #FDF4E3;
  --antique-paper-tone-2: #F1E6CC;
  --antique-paper-tone-3: #D9C7AC;
  --antique-paper-tone-4: #BFA586;
  --antique-paper-tone-5: #A1856B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-paper-tone": {
        1: "#FDF4E3",
        2: "#F1E6CC",
        3: "#D9C7AC",
        4: "#BFA586",
        5: "#A1856B",
      }
    }
  }
}

Related searches

antique beige color palettevintage paper color schemeold book colorsfaded brown and creamclassic neutral design

Palette colors

Hex values

Color 1#FDF4E3
·
Color 2#F1E6CC
·
Color 3#D9C7AC
·
Color 4#BFA586
·
Color 5#A1856B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
2
1.1:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail
3
1.5:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.2:1Fail
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
3.2:1AA18
2.8:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Antique Paper Tone

View all neutral