Casper

#aab5b8

Save

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 Fresh Air 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 Aquatic Edge, 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

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

Create a gradient with Casper

Open the generator with this color pre-loaded.

Start creating