Как сочетать множество цветов в вебе?
Если подходить к вопросу с точки зрения доступности (а это объективный критерий), то вот пак полезных ссылок, там и по принципам контрастов и по цвету в том числе:
https://www.bl2.ru/programing/colourcontrastcheck.html
https://habr.com/post/347478/
https://developer.paciellogroup.com/resources/cont...
https://weblind.ru/
https://usabilitylab.ru/blog/dostupnost-internet-b...
https://blog.sibirix.ru/2018/05/22/almost-blind-ve...
https://www.toptal.com/designers/colorfilter
https://wiki.rookee.ru/tag/analiz-effektivnosti/
www.bbc.co.uk/guidelines/futuremedia
https://www.lightningdesignsystem.com/accessibilit...
https://geon.github.io/programming/2016/03/03/dsxyliea
https://wearecolorblind.com/
blog.gov.design/blog/2016/11/08/accessibility.html
specialbank.ru/guide
specialbank.ru/guide/index.html
https://www.w3.org/Translations/WCAG20-ru/на глаз или же нужно использовать инструменты наподобие paletton и прочих аналогов?
Оптимальный вариант — автоматически с помощью сервисов + подправить на свой вкус. Не исключается вариант не бояться сочетать на свой вкус и развивать его. Ещё важно учитывать цвет чего именно мы делаем? В дизайне сайтов всё меньше дизайна и отвлекающих цветов интерфейсных, большой % пёстрости приходится именно на иллюстрации и фотоПросто данные сервисы обычно предлагают всего несколько цветов сочетающихся с определенным цветом. 
Вот сервис https://colorscheme.ru там кроме того что предлагаемых цветов больше, есть и тонкая настройкаПрикрепил пример, эти 4 цвета просто на глаз подбирались? Я попробовал использовать Paletton, но он в сочетании с данными цветами совсем другие цвета выдаёт.
Чем больше цветов в интерфейсе приложения, тем лучше цвета должны отличаться. Например, если мы переводим цвета в чб и видим, что некоторые неотличимы — это плохие цвета для людей с нарушениями зрения. Вот полезная ссылочка 7act.ru/colorluck.php
Пробуй сервисом https://colorscheme.ru/