Back to palettes

Palette

Ancient Rune Etch

Evokes the mysterious, earthy tones of old stones covered in ancient, faded carvings.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Rune Etch 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 Rune Etch.

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

Data visualization

#736E67#A89F95#4E4A44#C6C1B6#928B7E

Palette guide

How to use Ancient Rune Etch

Overview

The 'Ancient Rune Etch' palette evokes the mysterious, earthy tones of old stones covered in ancient, faded carvings. With a range from the deep #4E4A44 to the light #C6C1B6, and featuring versatile mid-tones like #736E67, this natural and historical palette is ideal for designers and developers seeking a rustic, mystical, and grounded aesthetic. It offers a cohesive blend of muted browns and greys, perfect for conveying a sense of age, intrigue, and organic texture in various digital and physical designs, from fantasy settings to natural product branding.

Best used for

  • Fantasy book covers and game art
  • Rustic interior design concepts
  • Artisanal product packaging
  • Historical game assets
  • Nature-inspired branding
  • Heritage crafts and textiles

Suggested color roles

primary

Utilize #4E4A44 as a deep, grounding earth tone for primary elements, such as headers or main content blocks, providing strong visual weight.

secondary

Apply #736E67 as a mid-tone, aged stone color for supporting sections, subheadings, or subtle graphical accents.

accent

Introduce #928B7E as a subtle, warm grey-brown accent for interactive elements, delicate details, or to add visual interest without overpowering.

background

Employ #C6C1B6 as a light, natural beige-grey background, offering a serene and expansive canvas.

text

For optimal legibility, use #4E4A44 for all body text and headings, ensuring strong contrast against lighter backgrounds like #C6C1B6.

Accessibility notes

  • Ensure #4E4A44 text on #C6C1B6 background meets WCAG AA contrast standards for readability.
  • Use #736E67 for larger text or headings on #A89F95 for improved visual distinction.
  • Avoid using #A89F95 for small text on #C6C1B6 due to potential low contrast.
  • Check color contrast for all text and UI elements to ensure consistent legibility and accessibility.

Recommended combinations

Deep Etchings

Creates a dark, organic depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#4E4A44 · #736E67 · #928B7E

Faded Stone

Ideal for layered backgrounds, subtle gradients, or overlays that evoke a light, weathered stone texture.

#736E67 · #A89F95 · #C6C1B6

Mystic Stone

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

#4E4A44 · #C6C1B6 · #928B7E

CSS variables

:root {
  --ancient-rune-etch-1: #736E67;
  --ancient-rune-etch-2: #A89F95;
  --ancient-rune-etch-3: #4E4A44;
  --ancient-rune-etch-4: #C6C1B6;
  --ancient-rune-etch-5: #928B7E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-rune-etch": {
        1: "#736E67",
        2: "#A89F95",
        3: "#4E4A44",
        4: "#C6C1B6",
        5: "#928B7E",
      }
    }
  }
}

Related searches

ancient earth tonesweathered rune colorsrustic stone palettehistoric forest hexmystical design colors

Palette colors

Hex values

Color 1#736E67
·
Color 2#A89F95
·
Color 3#4E4A44
·
Color 4#C6C1B6
·
Color 5#928B7E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.7:1Fail
2.8:1Fail
1.5:1Fail
2
1.9:1Fail
3.4:1AA18
1.5:1Fail
1.3:1Fail
3
1.7:1Fail
3.4:1AA18
4.9:1AA
2.6:1Fail
4
2.8:1Fail
1.5:1Fail
4.9:1AA
1.9:1Fail
5
1.5:1Fail
1.3:1Fail
2.6:1Fail
1.9:1Fail

Similar palettes

More like Ancient Rune Etch

View all earth
Ancient Mossy Stone
Cartographer's Parchment
Enchanted Forest Berry
Enchanted Forest Canopy
Enchanted Forest Floor
Moss Agate Forest