White Chalk

#f6f4f1

Near-white, cool neutral with dry chalk texture

Save
Share

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 , it reads less dusty and more like an intentional near-white surface. And unlike , 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 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."

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
1.10:1Fail

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.14:1AAA

On Black #000000

Aa
19.13: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 White Chalk

Open the generator with this color pre-loaded.

Start creating