Colors

Use warmer colors for foreground elements, cooler colors for background elements.

Use saturated colors (pure hues) when attracting attention is the priority, and desaturated colors when performance and efficiency are the priority.

Generally, desaturated, bright colors are perceived as friendly and professional; desaturated, dark colors are perceived as serious and professional; and saturated colors are perceived as more exciting and dynamic.

High-dynamic-range (HDR)

Outside this range, no features are visible because in the brighter areas everything appears pure white, and pure black in the darker areas. The ratio between the maximum and the minimum of the tonal value in an image is known as the dynamic range

Resources

UI palettes