Back to palettes

Palette

Mossy Stone Relic

Somber and cool greys reflecting old masonry, quiet solitude, and the passage of time.

neutraldark5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Stone 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 Mossy Stone Relic.

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

Data visualization

#5D6D7E#7B8D9E#AAB8C2#CAD4DB#404E5A

Palette guide

How to use Mossy Stone Relic

Overview

The "Mossy Stone Relic" palette offers a sophisticated collection of somber and cool greys, reflecting old masonry, quiet solitude, and the passage of time. With deep tones like #404E5A and #5D6D7E, transitioning to the lighter #CAD4DB, this palette is perfect for designs seeking a timeless, elegant, or contemplative aesthetic. Designers can use these hex codes to create refined interfaces with a sense of history and gravitas. Developers will find this palette ideal for projects requiring a minimalist, architectural, or serious tone, providing a cohesive and distinguished visual identity.

Best used for

  • Architectural firm portfolios
  • Museum and gallery websites
  • Luxury minimalist branding
  • Historical documentary interfaces
  • High-end professional services
  • Somber memorial sites

Suggested color roles

primary

#5D6D7E serves as a distinguished, cool grey, excellent for main structural elements.

secondary

#7B8D9E provides a slightly lighter, complementary tone, suitable for sub-sections or borders.

accent

#AAB8C2 can be used sparingly for subtle highlights or interactive states, adding a touch of refinement.

background

#CAD4DB creates a clean, bright backdrop that allows the darker greys to command attention.

text

For light backgrounds like #CAD4DB, #404E5A or a true black ensures optimal readability. For darker elements, white.

Accessibility notes

  • Ensure #404E5A text on #CAD4DB background meets WCAG contrast standards.
  • Avoid using #AAB8C2 text on #CAD4DB background due to insufficient contrast.
  • Interactive elements should have clear visual cues for focus and hover states.
  • Always test color combinations for readability across various screen types.

Recommended combinations

Ancient Masonry

Creates a profound, historical feel, with the lightest shade for text or highlights.

#404E5A · #5D6D7E · #CAD4DB

Stone Grey

A harmonious blend of mid-tones, great for layered interfaces or subtle design elements.

#7B8D9E · #AAB8C2 · #5D6D7E

Relic Depth

Uses the lightest grey as a background, with darker tones for strong visual impact.

#CAD4DB · #404E5A · #7B8D9E

CSS variables

:root {
  --mossy-stone-relic-1: #5D6D7E;
  --mossy-stone-relic-2: #7B8D9E;
  --mossy-stone-relic-3: #AAB8C2;
  --mossy-stone-relic-4: #CAD4DB;
  --mossy-stone-relic-5: #404E5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-stone-relic": {
        1: "#5D6D7E",
        2: "#7B8D9E",
        3: "#AAB8C2",
        4: "#CAD4DB",
        5: "#404E5A",
      }
    }
  }
}

Related searches

cool grey color paletteancient stone colorsminimalist grey schemehistorical design palettesomber elegant colors

Palette colors

Hex values

Color 1#5D6D7E
·
Color 2#7B8D9E
·
Color 3#AAB8C2
·
Color 4#CAD4DB
·
Color 5#404E5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.5:1AA18
1.6:1Fail
2
1.6:1Fail
1.7:1Fail
2.3:1Fail
2.5:1Fail
3
2.6:1Fail
1.7:1Fail
1.3:1Fail
4.2:1AA18
4
3.5:1AA18
2.3:1Fail
1.3:1Fail
5.7:1AA
5
1.6:1Fail
2.5:1Fail
4.2:1AA18
5.7:1AA

Similar palettes

More like Mossy Stone Relic

View all neutral
Ancient Temple Relic
Ancient Temple Relic
Gargoyle Grey
Viking Coastal Voyage
Crumbled Castle Remnants
Haunted Library Pages