White Chalk
#f6f4f1
Near-white, cool neutral with dry chalk texture
About White Chalk
White Chalk reminds me of the back of a sketchbook page after you rub it clean with an eraser. It's bright and high in lightness, but it doesn't feel creamy. Compared with Powdered, it reads less dusty and more like an intentional near-white surface. And unlike Milk Moustache, there's no milky warmth creeping in, so it stays more neutral and more crisp.
I like it for UI where you want the one you reach for when backgrounds should disappear behind dense content. Think documentation hubs for developer tools, settings pages in productivity apps, and onboarding flows where typography has to stay the star. In ecommerce or editorial, it works well behind crisp product shots and matte illustrations without turning them yellow. If your layout already leans cool, White Chalk keeps that balance, while Powdered can feel slightly more flat.
One quirk: because it's so close to white, it can make thin borders look sharper than you expect. Pair it with soft grays for dividers, or the page can start to feel a bit too "print-like."
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.