Cathedral

#acaaa7

Stone-slate gray with cool, airy softness

Save
Share

About Cathedral

Cathedral is the gray that doesn't announce itself. It sits between the warmth of and the studied neutrality of , but it's quieter than both. There's enough cool in it to feel composed, enough gray to stay grounded, and a restraint that keeps it from trying to do too much. It's the kind of gray that disappears into the work.

You'll reach for this in interfaces where the content matters more than the container, financial dashboards, reading platforms, medical software, anywhere the background needs to genuinely recede. It pairs cleanly with both warm and cool accents without forcing a temperature choice. Unlike Ashes to Ashes, which is almost apologetically soft, Cathedral has actual structure. Unlike , it doesn't shift or perform depending on what lands next to it.

One note: saturated colors will read slightly muted against it, which is usually fine. But if you're building something that needs to punch, this isn't your gray. It's the one you use when the page itself should stay invisible.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.32:1Fail

On Gray 100 #f5f5f5

Aa
2.13:1Fail

On Gray 900 #18181b

Aa
7.65:1AAA

On Black #000000

Aa
9.06:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cathedral

Open the generator with this color pre-loaded.

Start creating