Palette

Ancient Tomb Relic

Somber greys transitioning from deep shadows to dusty highlights, like relics in an ancient tomb.

monochromedark5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Tomb Relic 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 Tomb Relic.

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

Data visualization

#3A3B3C#6E6E6E#9D9D9D#CACACA#ECECEC

Palette guide

How to use Ancient Tomb Relic

Overview

The Ancient Tomb Relic palette presents a somber yet sophisticated range of grays, transitioning from deep shadows to dusty highlights. This collection includes dark #3A3B3C, mid-tone #6E6E6E, balanced #9D9D9D, lighter #CACACA, and almost white #ECECEC. Designers can utilize these monochromatic hues to create a sense of mystery, age, and understated elegance. Ideal for conveying a serious, historical, or industrial aesthetic, this palette is versatile for both digital interfaces and print materials, bringing a timeless, almost sculptural quality to projects.

Best used for

Archaeological exhibition design
Dark mode UI for apps and websites
Industrial design and architectural concepts
Documentary film titles and branding
Gothic or mystery genre book covers
Minimalist fashion brand identity

Suggested color roles

primary

Apply #3A3B3C for strong foundational elements like headers, main navigation, or dominant background sections, conveying depth and seriousness.

secondary

Use #6E6E6E or #9D9D9D for subheadings, secondary content areas, or to establish visual hierarchy without stark contrast.

accent

Introduce #CACACA or #ECECEC for subtle highlights, interactive states, or to add a touch of aged dustiness and lightness.

background

#ECECEC or #CACACA offer clean, neutral backgrounds, while #6E6E6E can provide a more atmospheric, deeper base.

text

For optimal readability, use a crisp white or #ECECEC text on darker shades like #3A3B3C. #3A3B3C works well for text on #ECECEC.

Accessibility notes

Ensure high contrast when pairing darker grays (e.g., #3A3B3C) with lighter ones (e.g., #ECECEC) for text.
Avoid using mid-tone grays like #9D9D9D for small text on similar backgrounds; always check contrast.
White text is recommended on #3A3B3C, #6E6E6E, and #9D9D9D for optimal readability.
Routinely verify WCAG AA compliance for all critical text and interactive elements.

Recommended combinations

Shadow & Light

Excellent for dark mode interfaces, high-contrast branding, or design elements that require a strong, dramatic visual impact.

#3A3B3C · #6E6E6E · #ECECEC

Dusty Stone

Ideal for subtle backgrounds, layered UI components, or illustrations that evoke the texture of ancient, worn stone.

#9D9D9D · #CACACA · #6E6E6E

Monochromatic Depth

Perfect for creating sophisticated gradients, understated branding, or designs where a consistent, serious tone is desired.

#6E6E6E · #3A3B3C · #9D9D9D

CSS variables

:root {
  --ancient-tomb-relic-1: #3A3B3C;
  --ancient-tomb-relic-2: #6E6E6E;
  --ancient-tomb-relic-3: #9D9D9D;
  --ancient-tomb-relic-4: #CACACA;
  --ancient-tomb-relic-5: #ECECEC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-tomb-relic": {
        1: "#3A3B3C",
        2: "#6E6E6E",
        3: "#9D9D9D",
        4: "#CACACA",
        5: "#ECECEC",
      }
    }
  }
}

Hex values

Color 1#3A3B3C

Color 2#6E6E6E

Color 3#9D9D9D

Color 4#CACACA

Color 5#ECECEC

Accessibility

Contrast checker

2.2:1Fail

4.1:1AA18

6.8:1AA

9.5:1AAA

2.2:1Fail

1.9:1Fail

3.1:1AA18

4.3:1AA18