Palette

Ancient Scroll Wisdom

Evoking the quiet charm of ancient manuscripts and the timeless pursuit of knowledge.

Earthcalm5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#704214#6B8E23#F5F5DC#AF9B6F#383D3B

Palette guide

How to use Ancient Scroll Wisdom

Overview

The 'Ancient Scroll Wisdom' palette evokes the quiet charm of ancient manuscripts and the timeless pursuit of knowledge. Featuring a deep #704214, a natural #6B8E23, and a light #F5F5DC, this earthy, sepia, and calm palette is perfect for designers and developers crafting contemplative, historical, and intellectual designs. It provides a harmonious blend of warm browns, subtle greens, and a parchment-like cream, ideal for conveying heritage, natural elements, and a sense of serene wisdom in various digital and physical applications, from academic platforms to mindful living apps.

Best used for

Academic websites and platforms
Historical documentaries and films
Library and archival branding
Eco-friendly product packaging
Mindful living and meditation apps
Educational content and resources

Suggested color roles

primary

Utilize #704214 as a deep, earthy brown for primary elements, such as headers or main content blocks, providing a grounded sense of history.

secondary

Apply #AF9B6F as a muted, aged beige for supporting sections, subheadings, or subtle graphical accents, adding visual softness.

accent

Introduce #6B8E23 as a subtle, natural green accent for interactive elements, delicate details, or to add an organic touch.

background

Employ #F5F5DC as a soft, light parchment background, offering a clean and expansive canvas with an antique feel.

text

For optimal readability, use #383D3B (a dark charcoal) for all body text and headings, ensuring strong contrast against lighter backgrounds like #F5F5DC.

Accessibility notes

Ensure #383D3B text on #F5F5DC background meets WCAG AA contrast standards for readability.
#704214 provides good contrast on #F5F5DC for headings and key information.
Avoid using #AF9B6F for small text on #F5F5DC due to potential low contrast.
Check contrast for interactive elements against backgrounds to ensure clear usability.

Recommended combinations

Ink & Parchment

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

#383D3B · #704214 · #F5F5DC

Wisdom's Glow

Ideal for layered backgrounds, subtle gradients, or overlays that evoke muted, natural elements.

#AF9B6F · #6B8E23 · #F5F5DC

Ancient Study

A deep, contemplative combination for titles, hero sections, or key informational graphics.

#704214 · #AF9B6F · #383D3B

CSS variables

:root {
  --ancient-scroll-wisdom-1: #704214;
  --ancient-scroll-wisdom-2: #6B8E23;
  --ancient-scroll-wisdom-3: #F5F5DC;
  --ancient-scroll-wisdom-4: #AF9B6F;
  --ancient-scroll-wisdom-5: #383D3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-scroll-wisdom": {
        1: "#704214",
        2: "#6B8E23",
        3: "#F5F5DC",
        4: "#AF9B6F",
        5: "#383D3B",
      }
    }
  }
}

Hex values

Color 1#704214

Color 2#6B8E23

Color 3#F5F5DC

Color 4#AF9B6F

Color 5#383D3B

Accessibility

Contrast checker

2.2:1Fail

7.7:1AAA

3.1:1AA18

1.3:1Fail

2.2:1Fail

3.4:1AA18

1.4:1Fail

2.9:1Fail

7.7:1AAA

3.4:1AA18

2.5:1Fail

10:1AAA

3.1:1AA18

1.4:1Fail

2.5:1Fail

4.1:1AA18

1.3:1Fail

2.9:1Fail

10:1AAA

4.1:1AA18

Similar palettes

More like Ancient Scroll Wisdom

View all Earth

Seaside Cottage Comfort

Verdant Moss Canopy

Aged Cartographer Hues

Old Map Parchment

Aged Bronze Patina

Ancient Bronze Patina