Back to palettes

Palette

Ancient Rune Carve

Rich, aged hues suggesting the mystery and weathered elegance of ancient runes carved into timeless stone.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A3B3C#5C5B5B#7F8080#A9B1A0#C8B18A

Palette guide

How to use Ancient Rune Carve

Overview

The 'Ancient Rune Carve' palette features rich, aged hues suggesting the mystery and weathered elegance of ancient runes carved into timeless stone. Ranging from the deep #3A3B3C to the warm, aged #C8B18A, with mid-tones like #7F8080, this dark and earthy palette is perfect for designers and developers crafting evocative, rustic, and mysterious designs. It offers a sophisticated blend of deep greys and an unexpected golden-beige accent, ideal for conveying historical depth, artisanal quality, and a touch of ancient lore in various digital and physical applications.

Best used for

  • Fantasy game design assets
  • Historical fiction book covers
  • Artisan craft branding
  • Rustic-chic interior design
  • Adventure travel websites
  • Dark mode UI themes

Suggested color roles

primary

Utilize #3A3B3C as a deep, mysterious base for primary elements, such as headers or main content blocks, providing strong visual weight.

secondary

Apply #5C5B5B as a dark grey for supporting sections, subheadings, or subtle graphical accents, adding depth without distraction.

accent

Introduce #C8B18A as a warm, aged gold-beige accent for runes, calls-to-action, or decorative details, creating a focal point.

background

Employ #7F8080 as a versatile mid-grey background, offering a subtle texture that complements both darker and lighter elements.

text

For optimal legibility, use #3A3B3C or a near-black for body text, ensuring strong contrast against lighter shades like #A9B1A0 or #C8B18A.

Accessibility notes

  • Ensure #3A3B3C text on #A9B1A0 or #C8B18A backgrounds meets WCAG AA contrast standards.
  • Use #5C5B5B for larger headings on #7F8080 to maintain good readability.
  • Avoid low contrast pairings, such as #7F8080 text on #A9B1A0 for small font sizes.
  • Consider using white or a very light grey text on the darkest colors for enhanced legibility.

Recommended combinations

Deep Carving

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

#3A3B3C · #5C5B5B · #7F8080

Rune Inlay

Ideal for contrasting elements, highlights, or decorative patterns that evoke ancient, inlaid designs.

#7F8080 · #A9B1A0 · #C8B18A

Weathered Stone

An earthy and textured combination for titles, hero sections, or informational graphics.

#5C5B5B · #A9B1A0 · #3A3B3C

CSS variables

:root {
  --ancient-rune-carve-1: #3A3B3C;
  --ancient-rune-carve-2: #5C5B5B;
  --ancient-rune-carve-3: #7F8080;
  --ancient-rune-carve-4: #A9B1A0;
  --ancient-rune-carve-5: #C8B18A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-rune-carve": {
        1: "#3A3B3C",
        2: "#5C5B5B",
        3: "#7F8080",
        4: "#A9B1A0",
        5: "#C8B18A",
      }
    }
  }
}

Related searches

ancient rune colorsdark earth paletteweathered stone hexrustic mystery designfantasy theme palette

Palette colors

Hex values

Color 1#3A3B3C
·
Color 2#5C5B5B
·
Color 3#7F8080
·
Color 4#A9B1A0
·
Color 5#C8B18A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
5.1:1AA
5.4:1AA
2
1.7:1Fail
1.7:1Fail
3.1:1AA18
3.3:1AA18
3
2.8:1Fail
1.7:1Fail
1.8:1Fail
1.9:1Fail
4
5.1:1AA
3.1:1AA18
1.8:1Fail
1.1:1Fail
5
5.4:1AA
3.3:1AA18
1.9:1Fail
1.1:1Fail

Similar palettes

More like Ancient Rune Carve

View all dark