Дизайнер Pierre Delcourr (@pierredelcourr, averlo.co) показывает сочетания цветов прямо на сайтах. Здесь разобраны все 18 его рилсов (2–12 ноября 2026): 40 палитр, и у каждой — настоящий кадр из рилса с его примером и плашками цветов, кнопка перехода в этот самый рилс и мини-сайт, собранный в той же палитре. Все 120 HEX перепроверены по кодам, напечатанным прямо в рилсах: 115 — коды из рилсов, 5 сняты с цвета плашки на кадре, где автор напечатал чужой код по ошибке.
Два спокойных цвета задают настроение — один громкий акцент даёт характер и становится подписью бренда.
Правила, которые он повторяет из рилса в рилс. Это не палитры, а способ думать о цвете.
Два спокойных цвета и один громкий делают весь дизайн осмысленным — это его базовая формула.
Первые два цвета задают настроение, а акцент даёт характер — это подпись бренда, то, что запоминают.
Акцент занимает меньше всего места, но оставляет самое большое впечатление: он ведёт внимание и показывает, куда кликать.
Дизайну не нужно больше цветов — ему нужен небольшой контраст и один цвет, который удивляет.
Фон задаёт настроение ещё до того, как кто-то прочитал хоть слово.
Один неожиданный акцент спасает палитру, которая выглядит чисто, но предсказуемо, плоско или «готово, но не запоминается».
Акцент — только один. Два акцента конкурируют, и подпись бренда теряется.
Каждая карточка показывает сочетание так, как показывает Пьер: сверху — настоящий кадр из его рилса (его пример сайта и плашки с названиями и HEX), ниже — мини-сайт, собранный в той же палитре. Кнопка «Смотреть этот рилс» ведёт в то самое видео. Нажми на строку цвета, чтобы скопировать HEX.
HEX из рилса — код напечатан на плашке в самом видео, сверено кадр в кадр. цвет снят с кадра — в рилсе под этой плашкой напечатан чужой код (ошибка автора), поэтому HEX снят с реального цвета плашки. Всего: 115 из 120 HEX — из рилсов, 5 сняты с кадра (палитры PC-25 и PC-35).
Не про цвет напрямую — про то, что вокруг него: ошибки, стили, фоны, исправления и логотипы.
Конкурирующие CTA, несогласованные стили кнопок, огромные меню, слишком много информации, одинаковые карточки товаров, кричащие промо-баннеры и предвыбранные размеры товаров.
Запоминающиеся сайты рождаются из пары «тип сайта + один сильный стилевой приём»: стеклянный морфизм, швейцарские постеры, смелая типографика (типографический максимализм), текстуры (тактилизм), футуризм 2000-х.
Синяя абстрактная волна — современно; красная текучая графика — кинематографично; тёмная фигура с оранжевыми очками — заявление; фиолетовая панель — энергия; мягкая пастельная геометрия — мягче, но не скучно.
Низкая конверсия — починить layout и добавить контраст. Незапоминающийся — обострить типографику и добавить акцентный цвет. Выглядит дёшево — починить отступы и убрать мусор.
Простые, минималистичные знаки запоминаются. Витиеватые логотипы «в AI-стиле» — нет.
Выбирай одну палитру целиком, по её номеру — например: «делай как PC-12».
Никогда не смешивай акценты из разных палитр: подпись бренда — один цвет.
Акцент — только для главной кнопки (CTA) и ключевых подсветок. Всё остальное держат основа и поддержка.
Та же самая база знаний одним файлом: все 40 палитр с HEX, ролями, пропорциями 70/20/10, готовыми CSS-переменными и семью принципами Пьера. Файл можно отдать Claude перед любым дизайн-проектом — и ссылаться на палитры по номерам PC-01…PC-40, как в этом атласе.