== Background goal
While `Red600 - #d33` (destructive) works with `White - #fff`, it doesn't work on any of our greys, failing contrast ratio requirements slightly (f.e. 4.33 (foreground color: #d33, background color: #f8f9fa).
{F37082264}
=== Possible solutions
We could update the `Red600` from `#d33` to one of the following:
| {F37082273} | **Option1**: In OOUI we've swindled ourselves out by defining **`#d73333`**. This new red color works well on `#F8F9FA` but not on `#EAECF0`, so quiet-destructive buttons would not be enough contrasted on this gray. |
| {F37082269} | **Option2**: We could use **`#cb2929`** so this new gray is enough contrast on both `#F8F9FA` and `#EAECF0`. |
=== Considerations
- If we update the `Red600` this would affect to:
- Destructive button (primary, normal and quiet)
- Red link
- Inline error messages (e.g. error form Field)
- Error messages and Error InfoChips (icon uses `color-error`)
### Final proposal
We will update `color-Red600` from `#d33` to `#d73333`. This will affect any decision token using `color-Red600`.
{F37082273}
### Design spec
| [[ https://www.figma.com/file/E6hxGwEOs9YFVF4fFRyqSv/Colors-Tokens---T296995?type=design&node-id=2703-65155&mode=design&t=XRV2F9Pjtjrb2eI5-11 | Color tokens - Spec sheet ]] |
=== Acceptance criteria (or Done)
**Design**
[-] Find a design-first way to resolve this special case
[-] Create the design spec for the new color's decision and link it in this task
[] Update the Design Tokens library with this new decision
**Code**
[] Update `color-Red600` from `#d33` to `#d73333`
[] Update the hex in the [[ https://doc.wikimedia.org/codex/main/style-guide/colors.html#utility-colors | Style Guide ]]