Palette

Shadowed Stone History

Evokes the solemn atmosphere of ancient stone cloisters and forgotten historical archives, deep and rich.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Stone History 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 Shadowed Stone History.

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

Data visualization

#36454F#5A6A7D#8B8983#B8860B#F5F5DC

Palette guide

How to use Shadowed Stone History

Overview

The Shadowed Stone History palette (1) conjures the solemn atmosphere of ancient cloisters and forgotten archives, blending deep, muted tones with an antique elegance. It features a grounding charcoal blue-grey, #36454F, alongside the softer #5A6A7D and the earthy #8B8983. A striking, yet muted, goldenrod accent, #B8860B, adds a touch of historical richness, while the near-white #F5F5DC provides a crucial light contrast. This palette is an exceptional choice for designers and developers aiming to imbue their projects with a sense of history, gravitas, and scholarly sophistication, creating visually rich and evocative experiences.

Best used for

Museum websites and digital archives
Historical and academic institution branding
Vintage-inspired branding and packaging
Art restoration services platforms
Antique dealer and collector websites
Scholarly publications and editorial design

Suggested color roles

primary

Utilize #36454F as the deep, foundational charcoal blue-grey for main backgrounds or large sections, establishing a serious tone.

secondary

Employ #5A6A7D for secondary content areas, headers, or subtle UI elements, providing a softer, muted blue-grey layer.

accent

Apply #B8860B as a rich, antique goldenrod accent for calls to action, important titles, or decorative elements, adding historical flair.

background

Use #F5F5DC as a primary background color for content areas, offering an elegant, near-white canvas for high readability.

text

Pair #36454F with #F5F5DC for optimal body text readability, or use #F5F5DC on #36454F for a classic dark mode look.

Accessibility notes

Text in #36454F on #F5F5DC offers excellent contrast, ensuring high readability for all content.
The #B8860B accent on #5A6A7D may have insufficient contrast; use sparingly for small accents or check contrast carefully.
Ensure interactive elements using #B8860B stand out clearly against both dark and light backgrounds in the palette.
#8B8983 can be used for secondary text on darker backgrounds, but always verify contrast ratios for accessibility.

Recommended combinations

Scholarly Contrast

Ideal for main content sections, headings, and accents, creating a professional and historically rich aesthetic.

#F5F5DC · #36454F · #B8860B

Aged Elegance

Excellent for decorative elements, subtle UI components, or background patterns that evoke a sense of antiquity.

#5A6A7D · #8B8983 · #B8860B

Historic Depth

Perfect for backgrounds, primary text, and secondary elements, offering a balanced and sophisticated visual hierarchy.

#36454F · #F5F5DC · #8B8983

CSS variables

:root {
  --shadowed-stone-history-1: #36454F;
  --shadowed-stone-history-2: #5A6A7D;
  --shadowed-stone-history-3: #8B8983;
  --shadowed-stone-history-4: #B8860B;
  --shadowed-stone-history-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-stone-history": {
        1: "#36454F",
        2: "#5A6A7D",
        3: "#8B8983",
        4: "#B8860B",
        5: "#F5F5DC",
      }
    }
  }
}

Hex values

Color 1#36454F

Color 2#5A6A7D

Color 3#8B8983

Color 4#B8860B

Color 5#F5F5DC

Accessibility

Contrast checker

1.8:1Fail

2.8:1Fail

3:1AA18

8.9:1AAA

1.8:1Fail

1.6:1Fail

1.7:1Fail

5:1AA

2.8:1Fail

1.6:1Fail

1.1:1Fail

3.2:1AA18

3:1AA18

1.7:1Fail

1.1:1Fail

2.9:1Fail

8.9:1AAA

5:1AA

3.2:1AA18

2.9:1Fail

Similar palettes

More like Shadowed Stone History

View all dark

Gothic Cathedral Stone

Gothic Chapel Stained

Somber Abbey Stone

Victorian Gothic Veil

Whispering Manor Halls

Black Rose Bloom