Yorkshire Cloud
#bac3cc
Softer, slightly warm gray-blue for airy panels
About Yorkshire Cloud
On the screen, Yorkshire Cloud reads like a pale sky-gray with a soft, cool veil over it. It's not as bluish as Icebreaker, so it doesn't feel like it's borrowed from a refrigerator-door highlight. And compared with Magnesium, it's a touch more relaxed in temperature and tone, less "clean wipe-down," more gentle atmospheric wash.
I use it when I want lightness that stays calm without turning dusty or flat like Magnesium can under certain blues. It's a reliable pick for dashboards and healthcare platforms where section backgrounds need to feel airy, but still grounded. Think panel headers, form fields, and secondary surfaces in SaaS admin, plus the quiet banding you see behind tables and filter groups.
Pairing note: Yorkshire Cloud holds up next to white better than the heavier cool grays do, but if you drop it next to very bright neutrals, bump contrast with a slightly darker border. It's the one you reach for when you want "not quite white" with a softer, more neutral cool edge than the nearby blues.","notes":"
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.