Back to palettes

Palette

Castle Stone Decay

Muted, somber grays and deep greens portraying the weathered beauty and slow decay of ancient castle stones.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Castle Stone Decay 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 Castle Stone Decay.

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

Data visualization

#4A4A4A#696969#778899#A9A9A9#556B2F

Palette guide

How to use Castle Stone Decay

Overview

The "Castle Stone Decay" palette features muted, somber grays and deep greens, portraying the weathered beauty and slow decay of ancient castle stones. It includes a dark gray #4A4A4A, a medium dark gray #696969, a cool slate gray #778899, a lighter muted gray #A9A9A9, and a deep moss green #556B2F. This atmospheric and robust combination is perfect for designs that aim for a gothic, historical, or rugged aesthetic. Designers can leverage these hex codes for dark mode interfaces, fantasy game environments, or historical branding. Developers will find this palette ideal for applications requiring a strong, grounded, and subtly mysterious user experience.

Best used for

  • Gothic-themed video games
  • Historical fiction book covers
  • Dark mode website themes
  • Architectural rendering of old structures
  • Fantasy world-building graphics
  • Brand identity for artisanal crafts

Suggested color roles

primary

#4A4A4A (Dark Gray) - A strong, foundational dark gray, excellent for main headings, important text, or key graphical elements, providing a solid anchor.

secondary

#696969 (Medium Dark Gray) - A versatile gray that complements the primary, ideal for secondary information, navigation backgrounds, or content panels.

accent

#556B2F (Moss Green) - A deep, earthy green that offers a subtle, organic contrast, perfect for small, impactful details, icons, or interactive states, hinting at nature reclaiming stone.

background

#778899 (Slate Gray) - A cool, muted gray that offers a stable and atmospheric base, suitable for large content areas, evoking ancient stone.

text

For light text, pure white or a very light gray like #F0F0F0 provides excellent contrast against #4A4A4A, #696969, #778899, and #556B2F. On #A9A9A9 (Light Gray), dark charcoal or black is preferred.

Accessibility notes

  • Ensure sufficient contrast when using lighter grays like #A9A9A9 for text; prefer dark text.
  • #4A4A4A, #696969, #778899, and #556B2F provide good contrast for white or very light text.
  • Maintain consistent text color choices for readability across different shades of gray.
  • Test all text and background pairings, especially for body text, to meet WCAG AA standards.

Recommended combinations

Stone Walls

For creating realistic stone textures, dark mode backgrounds, or robust UI elements with a weathered feel.

#4A4A4A · #696969 · #778899

Mossy Edge

Ideal for subtle natural accents, highlighting interactive elements, or indicating growth and age in a design.

#556B2F · #A9A9A9 · #4A4A4A

Ancient Ruin

Excellent for showcasing distinct content sections, historical details, or creating graphic patterns with a somber, grounded aesthetic.

#778899 · #696969 · #556B2F

CSS variables

:root {
  --castle-stone-decay-1: #4A4A4A;
  --castle-stone-decay-2: #696969;
  --castle-stone-decay-3: #778899;
  --castle-stone-decay-4: #A9A9A9;
  --castle-stone-decay-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "castle-stone-decay": {
        1: "#4A4A4A",
        2: "#696969",
        3: "#778899",
        4: "#A9A9A9",
        5: "#556B2F",
      }
    }
  }
}

Related searches

gothic stone color paletteweathered castle greydark historical paletteancient ruin colorsmossy grey design

Palette colors

Hex values

Color 1#4A4A4A
·
Color 2#696969
·
Color 3#778899
·
Color 4#A9A9A9
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.8:1AA18
1.5:1Fail
2
1.6:1Fail
1.5:1Fail
2.3:1Fail
1.1:1Fail
3
2.4:1Fail
1.5:1Fail
1.5:1Fail
1.6:1Fail
4
3.8:1AA18
2.3:1Fail
1.5:1Fail
2.5:1Fail
5
1.5:1Fail
1.1:1Fail
1.6:1Fail
2.5:1Fail

Similar palettes

More like Castle Stone Decay

View all monochrome