He creado una paleta de escala de grises accesible, escogiendo colores AAA y AA resultando en la siguiente gama.

This image has an empty alt attribute; its file name is Patricia-Saco-Accesible-Grayscale-Color-Palette-606x1024.png

Sistema de paleta

Los colores son intercambiables entre ellos, sobre fondo negro o blanco, de forma que puedes reemplazar uno por otro utilizando variables por código, o simplemente seleccionando YW / YB respectivamente para obtener un contraste muy similar.

This image has an empty alt attribute; its file name is Patricia-Saco-Accesible-Grayscale-Color-Palette-Swipe.png

Aplicación

Tal y como puedes comprobar en el siguiente ejemplo, puede ser aplicado a cualquier diseño, evidentemente teniendo también en consideración otras directrices de accesibilidad, como tamaño de fuentes, grosor, etc…

This image has an empty alt attribute; its file name is Patricia-Saco-Accesible-Grayscale-Color-Palette-Example.png
This image has an empty alt attribute; its file name is cc-by-icons-300.png
Attribution 4.0 International (CC BY 4.0)