Back to palettes

Palette

Ancient Scroll Lore

Earthy browns and aged creams echo the weathered pages and profound wisdom of an ancient scroll.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C4033#8B4513#A0522D#D2B48C#F5DEB3

Palette guide

How to use Ancient Scroll Lore

Overview

The 'Ancient Scroll Lore' palette combines earthy browns and aged creams, echoing the weathered pages and profound wisdom of an ancient scroll. Ranging from the deep #5C4033 to the light #F5DEB3, and featuring rich browns like #8B4513, this neutral, antique, and historic palette is perfect for designers and developers crafting minimalist yet evocative designs. It provides a grounded yet sophisticated foundation for conveying heritage, knowledge, and the delicate beauty of antique manuscripts in various digital and physical applications, from academic platforms to rustic decor.

Best used for

  • Historical fiction covers
  • Academic websites and journals
  • Antique map publishers
  • Rustic cafes and coffee shops
  • Artisanal leather goods branding
  • Educational content and platforms

Suggested color roles

primary

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

secondary

Apply #A0522D as a slightly redder, earthy brown for supporting sections, subheadings, or subtle graphical accents, adding depth.

accent

Introduce #5C4033 as the deepest, grounding 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 #5C4033 for all body text and headings, ensuring strong contrast against lighter backgrounds like #F5DEB3.

Accessibility notes

  • Ensure #5C4033 text on #F5DEB3 background meets WCAG AA contrast standards for readability.
  • Use #8B4513 for larger 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, especially on mid-tone backgrounds, to ensure consistent legibility.

Recommended combinations

Deep Lore

Creates a rich, layered effect suitable for prominent content blocks, footers, or deep textural backgrounds.

#5C4033 · #8B4513 · #A0522D

Parchment Wisdom

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

#A0522D · #D2B48C · #F5DEB3

Weathered Page

A contrasting yet harmonious combination for titles, hero sections, or key informational graphics.

#8B4513 · #F5DEB3 · #5C4033

CSS variables

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

Tailwind config

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

Related searches

ancient scroll colorsearthy brown paletteantique parchment hexweathered page designhistoric wisdom aesthetic

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
4.8:1AA
7.1:1AAA
2
1.3:1Fail
1.3:1Fail
3.6:1AA18
5.4:1AA
3
1.7:1Fail
1.3:1Fail
2.8:1Fail
4.3:1AA18
4
4.8:1AA
3.6:1AA18
2.8:1Fail
1.5:1Fail
5
7.1:1AAA
5.4:1AA
4.3:1AA18
1.5:1Fail

Similar palettes

More like Ancient Scroll Lore

View all neutral