Back to palettes

Palette

Ancient Ruins Dust

Muted, dusty tones reflecting the faded grandeur and quiet decay of long-forgotten ancient ruins.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Ruins Dust 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 Ruins Dust.

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

Data visualization

#7A7A6B#A8A89A#CCCDBB#EAEADA#5E5E53

Palette guide

How to use Ancient Ruins Dust

Overview

The 'Ancient Ruins Dust' palette offers muted, dusty tones reflecting the faded grandeur and quiet decay of long-forgotten ancient ruins. With a spectrum from the deep #5E5E53 to the ethereal #EAEADA, and including versatile mid-tones like #A8A89A, this earthy palette is ideal for designers and developers crafting designs with a historical, subtle, and calm aesthetic. It provides a natural, understated foundation for conveying age, mystery, and the delicate beauty of archeological discoveries, perfect for evoking a sense of weathered timelessness.

Best used for

  • Archeological society branding
  • Historical fiction book covers
  • Vintage photography filters
  • Natural cosmetic packaging
  • Calm website themes
  • Antique restoration services

Suggested color roles

primary

Utilize #7A7A6B as a muted, earthy base for primary content areas or structural elements, ensuring a grounded presence.

secondary

Apply #A8A89A for supporting information, subtle borders, or secondary interactive states, adding visual lightness.

accent

Reserve #5E5E53 for impactful elements like strong headlines, critical calls-to-action, or deep shadows, providing powerful contrast.

background

Implement #EAEADA as a soft, light, and dusty background, offering an ethereal and expansive canvas.

text

For optimal legibility, use #5E5E53 for all body text and headings, especially against lighter backgrounds like #EAEADA.

Accessibility notes

  • Ensure #5E5E53 text on #EAEADA background meets WCAG AA contrast standards for readability.
  • Use #7A7A6B for larger text on #CCCDBB for improved visual distinction.
  • Avoid employing #A8A89A for small text on #CCCDBB due to potential low contrast.
  • Check contrast for all text against backgrounds, especially mid-tones, to ensure consistent legibility.

Recommended combinations

Deep Earth

Creates a grounded, rich visual hierarchy for prominent content blocks and deep textural effects.

#5E5E53 · #7A7A6B · #A8A89A

Faded Grandeur

Ideal for layered backgrounds, subtle gradients, or elements that evoke a light, ethereal quality.

#A8A89A · #CCCDBB · #EAEADA

Dusty Relic

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

#7A7A6B · #EAEADA · #5E5E53

CSS variables

:root {
  --ancient-ruins-dust-2-1: #7A7A6B;
  --ancient-ruins-dust-2-2: #A8A89A;
  --ancient-ruins-dust-2-3: #CCCDBB;
  --ancient-ruins-dust-2-4: #EAEADA;
  --ancient-ruins-dust-2-5: #5E5E53;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-ruins-dust-2": {
        1: "#7A7A6B",
        2: "#A8A89A",
        3: "#CCCDBB",
        4: "#EAEADA",
        5: "#5E5E53",
      }
    }
  }
}

Related searches

dusty earth tonesancient archeology palettemuted historic colorsfaded grandeur hexcalm antique design

Palette colors

Hex values

Color 1#7A7A6B
·
Color 2#A8A89A
·
Color 3#CCCDBB
·
Color 4#EAEADA
·
Color 5#5E5E53
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.7:1Fail
3.6:1AA18
1.5:1Fail
2
1.8:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail
3
2.7:1Fail
1.5:1Fail
1.3:1Fail
4.1:1AA18
4
3.6:1AA18
2:1Fail
1.3:1Fail
5.4:1AA
5
1.5:1Fail
2.7:1Fail
4.1:1AA18
5.4:1AA

Similar palettes

More like Ancient Ruins Dust

View all earth
Ancient Forest Hearth
Ancient Sandstone Whisper
Clay Desert Rose
Matcha Ceremonial Zen
Matcha Tea Ceremony
Nordic Fjeld Moss