Цветовые палитры

Готовые сочетания цветов для сайта, логотипа, презентации или интерьера. Нажмите на палитру, чтобы скопировать коды и посмотреть, как она выглядит на кнопках и тексте. Нужна своя? Откройте генератор палитр.

Все палитры

Как пользоваться палитрой

Самый светлый цвет берите для фона, самый тёмный для текста, а самый насыщенный для кнопок и ссылок. Подробнее о правиле 60-30-10 и контрасте в статье «Как подобрать цвета для сайта».

Частые вопросы

Можно ли использовать палитры в коммерческих проектах?

Да. Сочетания цветов не охраняются авторским правом: берите их для сайтов, логотипов, упаковки и презентаций без указания источника.

Как вставить цвета в CSS?

На странице каждой палитры есть готовый блок CSS-переменных: скопируйте его в начало файла стилей и используйте var(--color-1) и т. д.

Сколько цветов нужно сайту?

Обычно три роли: фон, текст и акцент для кнопок и ссылок. Остальные оттенки палитры идут на карточки, рамки и подложки.