color.action.primary

Semantic

Primary buttons, links, selected controls and focus rings. References one primitive per theme.

Light teal.600

Create workspace Focused

Read the setup guide first.

Action on surface 5.47:1 Passes 4.5:1

Dark teal.600

Create workspace Focused

Read the setup guide first.

Action on surface 3.23:1 Fails 4.5:1

AI suggestion · not appliedRespects 2 locked brand decisions

Reference teal.400 in Dark with teal.950 text on it. Light keeps teal.600, your locked brand colour.

− darkcolor.action.primary → teal.600 · 3.23:1 + darkcolor.action.primary → teal.400 · 9.51:1 + darkcolor.action.on-primary → teal.950