Vaporised
#cbf4f8
Higher clarity aqua tint for bright UI breathing space
About Vaporised
I see Vaporised first as a breathy aqua mist on a light panel, not a crisp sky. Compared to Pale Sky's more "there" sky-blue presence, this one stays even lighter and more washed, with a gentler saturation. And unlike Friendly Frost, which feels almost weightless and purely cool, Vaporised has a soft vapor warmth in the undertone that keeps it from turning stark.
It's my go-to background for onboarding steps and data intake screens where you want calm coverage, especially in health tech portals, HR workflows, and logistics dashboards that already carry hierarchy. It also works well on charts behind pale grids, because it doesn't compete with blue links and badges the way Sprinkled With Dew sometimes does when you need slightly more air than "freshly wiped."
Quirk: pair it with firmer blues or a touch of gray-blue for borders, or it can blur into other pastels when your UI has lots of soft tones competing for attention.
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.
