Light Spirited
#d8eee7
Light cyan-gray for soft, airy UI sections
About Light Spirited
Light Spirited looks like the pale leftover of a sea-glass sky, but with a gray backbone. It sits lighter and softer than Homoeopathic Blue, so it doesn't feel present or blue-leaning. Compared to Icelandic Winter, it's less crisp and less disciplined, more airy than frost. And against Ice Dagger, it steers clear of the washed-out, slightly quieter highlight vibe and instead lands with a gentle, clean neutrality that doesn't pull toward green.
For light-mode UI, I use it as a primary background layer when I want panels to recede without turning into a near-white fog. It works especially well for healthcare portals and consumer SaaS settings where you need calm behind form fields, secondary navigation, and disabled states. In product areas with light photography, it keeps the page feeling breathable rather than bluish-cold. If you want the warmer than pure white calm to read steady, this is the one you reach for when the background has to stay subtle but intentional.
Quirk: because it's so soft, pair it with slightly darker Gray surfaces for separation, otherwise cards and sections can blur together.
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.