Cotton Boll
#e7effb
Airy pale gray with a soft blue cast
About Cotton Boll
Cotton Boll sits between near-white and actual gray in a way that feels slightly more substantial than Chef's Hat, but without the temperature commitment Cotton Ball makes. It's got a whisper of cool blue underneath, just enough that it won't read as warm, but not so much that it screams coldness. Most people will still call it white, and they won't be entirely wrong.
This is the shade you reach for in interfaces where the background needs to feel present without competing: healthcare dashboards, financial platforms, SaaS apps where secondary UI should have weight but not personality. It works for form fields, disabled states, body text over dark backgrounds, anywhere you need contrast that reads as deliberate, not default. It's darker than both Chef's Hat and Anti-Flash White, which means it actually holds its own without needing a dark neighbor to justify its existence.
The difference from its siblings matters here: unlike Cotton Ball, it doesn't court warmth. Unlike Anti-Flash White, it's not perfectly centered between temperatures, there's a slight cool lean that becomes obvious the moment you sit it next to genuinely warm grays. It's not trying to disappear like Chef's Hat does. This one's got a job to do.
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.