Keyboard focus

A swatch can be navigated using a keyboard. The keyboard focus state adds a blue ring to the swatch in focus.

Mixed value

When a swatch represents multiple values that are not identical, the preview shows a gray fill and a dash UI icon.