Cotton Boll

#e7effb

Airy pale gray with a soft blue cast

Save
Share

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 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 , 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.

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.16:1Fail

On Gray 100 #f5f5f5

Aa
1.06:1Fail

On Gray 900 #18181b

Aa
15.30:1AAA

On Black #000000

Aa
18.14: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 Cotton Boll

Open the generator with this color pre-loaded.

Start creating