Background

While working on T404604: Design Suggestion "card" component MVP, we've detected that the current bue50 #F1F4FD used as background-color-progressive-subtle token in light mode is not contrasted enough on white backgrounds (e.g. when using as highlighted text as in this example). This blu50 is visible enough when reinforcing with a border (e.g. progressive normal Button), but not enough when used as background color with no border. This color is, at the same time, less contrasted on white than the other color50 (e.g. yellow50 or red50).

If we update blue50 to #E8EEFF, we would increase the contrast of this blue on white backgrounds, while keeping the 4.5:1 required for links (blue, red, and visited links) on this blue. In addition, this new blue50 will be better aligned with the rest of color50.

Acceptance criteria (or Done)

Design

• Define the new token and include it in this task
• Add the token as Figma style/variable in the library.

Code

• Update blue50 from #F1F4FD to #E8EEFF