Серый текст на цветном фоне выглядит грязно

На белом серому тексту хорошо. Но стоит положить тот же #888 на синюю или зелёную плашку, и он превращается в мутное пятно.

Берите белый (или чёрный) текст и снижайте ему прозрачность до 60–70%. Сквозь него проступит цвет фона. Второстепенный текст останется второстепенным, но без грязи. Второй вариант: взять оттенок самого фона, светлее или темнее.

Контраст после этого всё равно проверьте.

Vision Island: инструменты для дизайна