A user interface (UI) state overlay is a semi-transparent color layer applied over a component or element to indicate its current interactive state, such as hover, focus, or press.