Light
Light colors are mostly used for background layers and shadows when our interface is in light mode or in dark mode for text color.
Dark
Dark colors are used for text, but also background layer in dark mode.
Cloudy
Cloudy colors are new colors build to have alternative colors when the light or dark are either to light or too dark. They are mainly user for disable/inactive state or stroke.