Casper

#aab5b8

Neutral cool gray with slightly blue, airy calm

Save
Share

About Casper

Casper sits darker than Coast to Coast but refuses to feel heavy about it. There's actual gray substance here, it's not trying to disappear the way Breath of does. The difference matters the moment you place them side by side: Casper has weight without warmth, a neutral that commits to being gray instead of pretending to be almost-white.

Reach for it in product interfaces, admin dashboards, and internal tools where you need a solid background that doesn't need to perform. Data tables, card containers, secondary content areas in healthcare apps and SaaS platforms. It works because it's dark enough to hold hierarchy but light enough to stay approachable. Pair it with deep text and it doesn't apologize; pair it with lighter accents and it knows how to step back.

The saturation is flatter than , there's no green whisper here, no temperature tricks. It's the straightforward gray you pick when the other options feel like they're doing too much. Works with everything because there's nothing in it to argue with.

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.10:1Fail

On Gray 100 #f5f5f5

Aa
1.92:1Fail

On Gray 900 #18181b

Aa
8.45:1AAA

On Black #000000

Aa
10.01: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 Casper

Open the generator with this color pre-loaded.

Start creating