Back to palettes

Palette

Aged Stone Reverie

A subtle array of charcoal and ash tones reflecting the timeless presence of old, weathered stone structures.

MonochromeMinimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Stone Reverie 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 Aged Stone Reverie.

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

Data visualization

#B0A9A4#918A86#736E6A#55514E#363231

Palette guide

How to use Aged Stone Reverie

Overview

The Aged Stone Reverie palette presents a subtle yet powerful array of charcoal and ash tones, reflecting the timeless presence of old, weathered stone structures. With deep #363231, robust #55514E, balanced #736E6A, and lighter #918A86 and #B0A9A4, this monochrome collection is perfect for designers and developers seeking to evoke strength, history, and minimalist elegance. These hex codes provide a sophisticated foundation for projects that demand a grounded, serene, or architectural aesthetic, ideal for conveying permanence and understated luxury across various applications.

Best used for

  • Architectural firm branding
  • Minimalist website designs
  • Luxury product packaging (e.g., skincare)
  • Historical museum exhibit design
  • Sophisticated interior decor
  • Industrial design concepts

Suggested color roles

primary

Utilize #363231 as the deepest, most authoritative color for main headers, footers, or dominant brand elements, signifying gravitas.

secondary

Apply #55514E for supporting sections, subheadings, or larger content blocks, adding robust depth.

accent

Highlight key information or interactive elements with #736E6A, a balanced mid-grey that provides subtle contrast.

background

Choose #B0A9A4 for light, elegant backgrounds that evoke weathered stone, offering a soft, muted canvas.

text

For optimal readability on light backgrounds, #363231 provides strong contrast. On darker backgrounds like #55514E, #918A86 works well for text.

Accessibility notes

  • Ensure sufficient contrast for text on #B0A9A4; darker shades like #363231 are highly recommended.
  • When using dark backgrounds like #363231 or #55514E, employ lighter text colors for legibility.
  • Test contrast ratios for all text, especially when using mid-tones like #736E6A.
  • Avoid placing light text on #918A86 unless it's a very large display font.

Recommended combinations

Deep Stone Contrast

Ideal for a strong, architectural layout with deep text, a balanced accent, and a light, elegant background.

#363231 · #736E6A · #B0A9A4

Monochrome Depth

Excellent for creating layered monochrome content with mid-tone elements on a lighter background, grounded by dark text.

#55514E · #918A86 · #363231

Weathered Gradient

Perfect for subtle gradients, soft overlays, or a progression from light background to robust, darker details.

#B0A9A4 · #736E6A · #55514E

CSS variables

:root {
  --aged-stone-reverie-1: #B0A9A4;
  --aged-stone-reverie-2: #918A86;
  --aged-stone-reverie-3: #736E6A;
  --aged-stone-reverie-4: #55514E;
  --aged-stone-reverie-5: #363231;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-stone-reverie": {
        1: "#B0A9A4",
        2: "#918A86",
        3: "#736E6A",
        4: "#55514E",
        5: "#363231",
      }
    }
  }
}

Related searches

grey stone color palettemonochrome grey designancient stone aestheticminimalist charcoal tonesweathered rock color scheme

Palette colors

Hex values

Color 1#B0A9A4
·
Color 2#918A86
·
Color 3#736E6A
·
Color 4#55514E
·
Color 5#363231
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.4:1AA18
5.5:1AA
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.3:1Fail
1.6:1Fail
1.6:1Fail
5
5.5:1AA
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Aged Stone Reverie

View all Monochrome