por @kanbix
Escala de cinza inteira. A única cor que sobra é a do foco e a do perigo — tudo que tem cor aqui está pedindo sua atenção de propósito.
A fazer
Fazendo
Feito
Todos os pares passam nos critérios de contraste da WCAG.
Fundo
0 0% 100%
Texto
0 0% 9%
Superfície suave
0 0% 96%
Texto suave
0 0% 38%
Popover
0 0% 100%
Texto do popover
0 0% 9%
Card
0 0% 100%
Texto do card
0 0% 9%
Borda
0 0% 80%
Borda de campo
0 0% 55%
Primária
0 0% 13%
Texto sobre primária
0 0% 98%
Secundária
0 0% 93%
Texto sobre secundária
0 0% 12%
Realce
0 0% 90%
Texto sobre realce
0 0% 12%
Destrutiva
0 68% 42%
Texto sobre destrutiva
0 0% 100%
Anel de foco
217 91% 42%
Gráfico 1
0 0% 12%
Gráfico 2
0 0% 26%
Gráfico 3
0 0% 40%
Gráfico 4
0 0% 54%
Gráfico 5
217 91% 42%