Back to palettes

Palette

Ancient Scroll Patina

Warm, antique tones that echo the rich patina of ancient, hand-written scrolls.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5DEB3#D2B48C#CD853F#A0522D#8B4513

Palette guide

How to use Ancient Scroll Patina

Overview

The 'Ancient Scroll Patina' palette features warm, antique tones that echo the rich patina of ancient, hand-written scrolls. With shades ranging from the deep #8B4513 to the light #F5DEB3, and including vibrant browns like #CD853F, this neutral, retro, and historic palette is perfect for designers and developers crafting authentic, vintage, and evocative designs. It provides a rich yet accessible foundation for conveying heritage, delicate textures, and a sense of timeless wisdom in various digital and physical applications, from historical fiction to artisanal crafts.

Best used for

  • Historical fiction book covers
  • Vintage-themed blogs and websites
  • Artisanal crafts and handmade goods
  • Antique map design
  • Educational materials on ancient history
  • Retro branding and marketing

Suggested color roles

primary

Utilize #CD853F as a warm, medium brown for primary elements, such as headers or main content blocks, providing a sense of antiquity.

secondary

Apply #A0522D as a deeper, reddish-brown for supporting sections, subheadings, or subtle graphical accents, adding depth.

accent

Introduce #8B4513 as the deepest, strong brown for calls-to-action, important details, or strong graphical elements, providing powerful contrast.

background

Employ #F5DEB3 as a light, aged parchment background, offering a clean and expansive canvas with a vintage feel.

text

For optimal legibility, use #8B4513 for all body text and headings, ensuring strong contrast against lighter backgrounds like #F5DEB3.

Accessibility notes

  • Ensure #8B4513 text on #F5DEB3 background meets WCAG AA contrast standards for readability.
  • Use #CD853F for headings on #D2B48C for good visual distinction.
  • Avoid using #D2B48C for small text on #F5DEB3 due to potential low contrast.
  • Check contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Patina

Creates a rich, grounding visual hierarchy suitable for prominent content blocks, footers, or deep textural backgrounds.

#8B4513 · #A0522D · #CD853F

Aged Parchment

Ideal for layered backgrounds, subtle gradients, or overlays that evoke warm, light parchment textures.

#CD853F · #D2B48C · #F5DEB3

Historic Ink

A contrasting and antique combination for titles, hero sections, or key informational graphics.

#A0522D · #F5DEB3 · #8B4513

CSS variables

:root {
  --ancient-scroll-patina-1: #F5DEB3;
  --ancient-scroll-patina-2: #D2B48C;
  --ancient-scroll-patina-3: #CD853F;
  --ancient-scroll-patina-4: #A0522D;
  --ancient-scroll-patina-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-scroll-patina": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

ancient scroll colorsretro patina hexaged parchment brownhistoric hand-written designvintage antique palette

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#CD853F
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
4.3:1AA18
5.4:1AA
2
1.5:1Fail
1.5:1Fail
2.8:1Fail
3.6:1AA18
3
2.3:1Fail
1.5:1Fail
1.9:1Fail
2.4:1Fail
4
4.3:1AA18
2.8:1Fail
1.9:1Fail
1.3:1Fail
5
5.4:1AA
3.6:1AA18
2.4:1Fail
1.3:1Fail

Similar palettes

More like Ancient Scroll Patina

View all neutral