White Pearl
#ede1d1
Cool, milky off-white for crisp UI whitespace
About White Pearl
Under a white LED desk lamp, White Pearl looks like someone softened an eggshell with a thin veil of gray. It isn't as chalk-thin as the Skeleton tone, and it doesn't carry the slightly weightier steadiness of Mountain Peak. Compared to Dry Bone, it feels a touch more "there", with a milder cream-lean rather than going fully ghost-pale.
I use it when the background needs to read warm gray without shouting. It's a great fit for document viewers in publishing and research workflows, email templates, and product help centers where you want body text to feel held, not lost. In media-heavy CMS pages, it lets photography breathe while keeping UI panels from turning flat. If you're building type-first layouts for editorial tools or catalog admin screens, this is the one you reach for when you want calm contrast that still feels friendly.
Quirk: on screens set very cool, it can drift a bit more beige than you expect, so choose text grays with intent, not the softest ones.
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.