Amnesiac White
#f8fbeb
Faintly cool, clean off-white for quiet UI
About Amnesiac White
Amnesiac White is almost invisible, and that's the point. It's so pale and so neutral that it doesn't read as a choice at all, it reads like the default, like nothing. But it's not pure white doing that; it's barely there warmth keeping it from feeling cold or clinical. The kind of color that works harder than it looks because you're not thinking about it.
This one lives in healthcare interfaces, institutional dashboards, and long-form reading experiences where the background needs to disappear entirely. Use it for body text on dark surfaces, form fields, or any layout where you need maximum legibility without the slightest hint of intention. Unlike Buttermilk, it won't nudge your eye toward warmth. Unlike Ceramic, it won't settle into a relationship with the rest of your palette. It just sits there, neutral and patient.
The trade-off: pair it with anything below mid-tone gray and it'll start to feel thin, almost cold. It needs darker colors around it to anchor. On its own or floating in white space, you won't see much difference between this and nothing.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.