Для определения соотношения цветов в дизайне интерфейса можно использовать правило 60-30-10: 12

1. 60% — основной цвет. 12 Его обычно применяют для выделения главных элементов — кнопок и заголовков, реже — для заливки фона. 2
2. 30% — второстепенный или дополнительный цвет. 13 Его используют для раскрашивания контента — текста, границ UI-элементов или их заливки, иконок и прочих элементов интерфейсов. 3
3. 10% — акцентный цвет. 13 Его применяют только для тех элементов, которые необходимо выделить на странице, например, кнопки призыва к действию. 1

Также при создании цветовой схемы интерфейса рекомендуют использовать не более трёх цветов в палитре. 1 Это поможет пользователям проще ориентироваться и пройти весь путь от знакомства до совершения действия. 1

Для подбора цветовой схемы можно использовать онлайн-сервисы, например: Colormind, Coolors, Color Safe. 2