Palette

Ancient Sandstone Scroll

A warm, earthy palette reminiscent of sun-baked sandstone and ancient, worn documents.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4B29E#A37E6F#7E5F52#5C4337#C6AA98

Palette guide

How to use Ancient Sandstone Scroll

Overview

The 'Ancient Sandstone Scroll' palette offers a warm, earthy collection reminiscent of sun-baked sandstone and ancient, worn documents. Featuring shades from the deep #5C4337 to the lighter #D4B29E, with versatile mid-tones like #7E5F52, this natural and historic palette is ideal for designers and developers crafting designs with a rustic, muted, and antique aesthetic. It provides a grounded yet sophisticated foundation, perfect for conveying heritage, natural textures, and a sense of timeless adventure in various digital and physical applications.

Best used for

Desert tourism and travel brands
Historical education platforms
Natural beauty product packaging
Rustic interior design concepts
Adventure travel blogs
Artisanal leather goods

Suggested color roles

primary

Utilize #7E5F52 as a mid-tone, grounding brown for primary elements, such as main content blocks or prominent UI components, offering stability.

secondary

Apply #A37E6F as a warm, reddish-brown for supporting sections, subheadings, or subtle graphical accents, adding warmth.

accent

Introduce #5C4337 as the deepest, strong anchor for calls-to-action, important details, or deep shadows, providing powerful contrast.

background

Employ #D4B29E as a light, sandy beige base for your design, offering a clean and expansive canvas with an earthy feel.

text

For optimal legibility, use #5C4337 for all body text and headings, ensuring strong contrast against lighter backgrounds like #D4B29E.

Accessibility notes

Ensure #5C4337 text on #D4B29E background meets WCAG AA contrast standards for readability.
Use #7E5F52 for larger text or headings on #C6AA98 for improved visual distinction.
Avoid using #C6AA98 for small text on #D4B29E due to potential low contrast.
Check contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Desert

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

#5C4337 · #7E5F52 · #A37E6F

Sun-baked Scroll

Ideal for layered backgrounds, subtle gradients, or overlays that evoke a warm, weathered, sun-drenched feel.

#A37E6F · #C6AA98 · #D4B29E

Ancient Text

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

#7E5F52 · #D4B29E · #5C4337

CSS variables

:root {
  --ancient-sandstone-scroll-1: #D4B29E;
  --ancient-sandstone-scroll-2: #A37E6F;
  --ancient-sandstone-scroll-3: #7E5F52;
  --ancient-sandstone-scroll-4: #5C4337;
  --ancient-sandstone-scroll-5: #C6AA98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-sandstone-scroll": {
        1: "#D4B29E",
        2: "#A37E6F",
        3: "#7E5F52",
        4: "#5C4337",
        5: "#C6AA98",
      }
    }
  }
}

Hex values

Color 1#D4B29E

Color 2#A37E6F

Color 3#7E5F52

Color 4#5C4337

Color 5#C6AA98

Accessibility

Contrast checker

1.8:1Fail

2.9:1Fail

4.6:1AA

1.1:1Fail

1.8:1Fail

1.6:1Fail

2.5:1Fail

1.7:1Fail

2.9:1Fail

1.6:1Fail

2.6:1Fail

4.6:1AA

2.5:1Fail

1.6:1Fail

4.2:1AA18

1.1:1Fail

1.7:1Fail

2.6:1Fail

4.2:1AA18

Similar palettes

More like Ancient Sandstone Scroll

Ancient Sandstone Scroll

See it in context.

Ready when you are.

Built with Ancient Sandstone Scroll.

How to use Ancient Sandstone Scroll

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Desert

Sun-baked Scroll

Ancient Text

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ancient Sandstone Scroll