Фирменная цветовая палитра: основной, дополнительный и акцентный цвет
Три роли в палитре: где проходит граница
Путаница обычно возникает потому, что дизайнеры называют цвета по функции, а не по оттенку. Красный может быть и основным, и акцентным — смотря какую задачу он решает в конкретном бренде. У Контура, например, красный — основной, а не акцентный: он в логотипе, в ключевых интерфейсных элементах, в печатных материалах.
| Роль | Что входит | Где применяется |
|---|---|---|
| Основной | Цвет логотипа, ключевой цвет бренда | Логотип, шапка сайта, упаковка, вывеска |
| Дополнительный | Нейтральные и поддерживающие оттенки — часто серый, белый, тёмный | Фоны, текст, второстепенные блоки интерфейса |
| Акцентный | Контрастный яркий цвет | Кнопки, CTA, уведомления, выделение цены |
Ошибка, которую я вижу постоянно: акцентный цвет ставят везде, где хочется «оживить» макет, и через полгода он теряет силу — глаз к нему привыкает и уже не реагирует. Акцент работает только тогда, когда его мало.
Сколько цветов реально нужно бренду
Здесь два подхода, и оба имеют право на жизнь — вопрос в масштабе бизнеса.
- Минималистичный подход (3-4 цвета) — основной, дополнительный нейтральный, акцент, иногда второй нейтральный для теней или фона. Подходит стартапам и небольшим брендам, где нужно быстро добиться узнаваемости без лишней визуальной нагрузки.
- Расширенная палитра (6-8 цветов) — добавляются оттенки основного цвета для разных состояний интерфейса, дополнительные цвета для сегментации продуктовых линеек. Так делают крупные компании с несколькими направлениями бизнеса.
Больше 8-10 цветов в фирменной палитре — почти всегда признак того, что бренд не смог договориться сам с собой. Каждый новый цвет размывает узнаваемость, а не усиливает её. Исследование Университета Лойолы в Мэриленде показывает: фирменный цвет повышает узнаваемость бренда на 80% — но это работает только при условии, что цвет один и используется последовательно, а не тонет среди десяти конкурирующих оттенков.
RGB, CMYK, HEX, Pantone — зачем все форматы сразу
Часто спрашивают: если есть HEX-код, зачем ещё Pantone и CMYK? Потому что один и тот же цвет физически по-разному отображается на экране, в типографии и на ткани, и без спецификации под каждую среду бренд неизбежно «расползается» по оттенкам.
| Формат | Где используется | Почему нельзя без него |
|---|---|---|
| HEX | Веб, интерфейсы, digital | Стандарт для CSS и большинства디자인-инструментов |
| RGB | Экраны, презентации, видео | Базовая цветовая модель для любого дисплея |
| CMYK | Полиграфия, печать | Экран и принтер строят цвет по-разному, RGB на бумаге искажается |
| Pantone | Ткань, пластик, сувенирная продукция, широкоформатная печать | Единственный способ гарантировать одинаковый цвет у разных подрядчиков и материалов |
Показательный пример — Контур: для логотипа используется красный FE4C4C, а для печати — F03B36. Это не ошибка и не расхождение по недосмотру, а осознанная поправка на контраст: то, что хорошо читается на экране, при печати может выглядеть бледнее или ярче в зависимости от бумаги. Без такой двойной спецификации бренд рискует получить визитки одного оттенка, а сайт — другого.
Правило 60-30-10: теория против того, как делают крупные бренды
Классическая формула 60-30-10 звучит красиво, но на практике почти никто не следует ей буквально. Реальные гайдлайны крупных компаний расписывают пропорции гораздо детальнее — с учётом того, что в палитре не два-три цвета, а пять-шесть.
| Бренд | Пропорции в гайдлайне |
|---|---|
| Selectel | Синий (основной) — 30%, белый — 30%, красный (акцент) — 20%, чёрный — 15%, серый — 5% |
| Зелёный (акцент) — не более 40%, но никогда без основного синего рядом | |
| Ростелеком | Оранжевый — не более 30% относительно фиолетового, каждый дополнительный цвет — не более 10% |
Общий принцип, который считывается из всех трёх примеров: акцентные цвета вообще не должны превышать 30% палитры, а если акцент занимает больше — как зелёный у Mail — он обязательно жёстко привязан к основному цвету и не может использоваться самостоятельно. Это и есть практическое применение 60-30-10: 60% — это не буквально один цвет, а весь «спокойный» фон (белый, серый, светлый оттенок основного), 30% — сам основной или связка основной+дополнительный, 10% — строго акцент, и не больше.
Частые ошибки при работе с палитрой
Теория про психологию цвета и типы палитр (монохромная, аналогичная, комплементарная) хорошо звучит на слайдах, но реальные проблемы бренды получают не от неправильно подобранного оттенка, а от нарушения дисциплины использования.
- Акцент используют как основной. Яркий цвет ставят на все кнопки, весь текст, все иконки — и он перестаёт выделять что-либо, потому что выделяет всё.
- Цвет не проверяют на разных поверхностях. Оттенок, отлично смотрящийся на экране, может тускнеть на ткани или искажаться на стекле и пластике — это критично для брендов с большим количеством физических носителей.
- Основной цвет совпадает с конкурентом. Перед утверждением палитры стоит проверить, не занят ли выбранный оттенок ключевым игроком в вашей нише — иначе узнаваемость будет работать на конкурента.
- Нет единой спецификации для разных сред. Без Pantone-кода дизайнер на аутсорсе, типография и производитель сувенирки печатают три разных оттенка одного «фирменного» цвета.
- Дополнительные цвета плодятся бесконтрольно. Каждый новый продукт или раздел получает «свой» цвет, и через пару лет у бренда пятнадцать оттенков вместо четырёх-пяти согласованных.
Как проверить палитру перед утверждением
Прежде чем закрывать гайдлайн, стоит пройтись по короткому чек-листу — это дешевле, чем переделывать фирменный стиль через год.
- Есть спецификация во всех четырёх форматах — HEX, RGB, CMYK, Pantone — для каждого цвета палитры.
- Прописаны точные пропорции использования: сколько процентов занимает основной, сколько — акцент, есть ли ограничение «акцент не более X% и не без основного цвета рядом».
- Цвет протестирован на реальных материалах: экран, бумага, ткань, пластик, стекло — если бренд использует все эти носители.
- Основной цвет не совпадает с ключевыми конкурентами в нише.
- Общее количество цветов в палитре не превышает 6-8 — если больше, стоит честно спросить себя, почему.
Палитра — это не про красоту сочетания, а про дисциплину применения. Красиво подобранные цвета без жёстких правил использования разваливаются в первый же год существования бренда, а строгая система из трёх-четырёх цветов с понятными пропорциями работает десятилетиями.
| Роль | Что входит | Где применяется |
|---|---|---|
| Основной | Цвет логотипа, ключевой цвет бренда | Логотип, шапка сайта, упаковка, вывеска |
| Дополнительный | Нейтральные и поддерживающие оттенки — часто серый, белый, тёмный | Фоны, текст, второстепенные блоки интерфейса |
| Акцентный | Контрастный яркий цвет | Кнопки, CTA, уведомления, выделение цены |
Ошибка, которую я вижу постоянно: акцентный цвет ставят везде, где хочется «оживить» макет, и через полгода он теряет силу — глаз к нему привыкает и уже не реагирует. Акцент работает только тогда, когда его мало.
Сколько цветов реально нужно бренду
Здесь два подхода, и оба имеют право на жизнь — вопрос в масштабе бизнеса.
- Минималистичный подход (3-4 цвета) — основной, дополнительный нейтральный, акцент, иногда второй нейтральный для теней или фона. Подходит стартапам и небольшим брендам, где нужно быстро добиться узнаваемости без лишней визуальной нагрузки.
- Расширенная палитра (6-8 цветов) — добавляются оттенки основного цвета для разных состояний интерфейса, дополнительные цвета для сегментации продуктовых линеек. Так делают крупные компании с несколькими направлениями бизнеса.
Больше 8-10 цветов в фирменной палитре — почти всегда признак того, что бренд не смог договориться сам с собой. Каждый новый цвет размывает узнаваемость, а не усиливает её. Исследование Университета Лойолы в Мэриленде показывает: фирменный цвет повышает узнаваемость бренда на 80% — но это работает только при условии, что цвет один и используется последовательно, а не тонет среди десяти конкурирующих оттенков.
RGB, CMYK, HEX, Pantone — зачем все форматы сразу
Часто спрашивают: если есть HEX-код, зачем ещё Pantone и CMYK? Потому что один и тот же цвет физически по-разному отображается на экране, в типографии и на ткани, и без спецификации под каждую среду бренд неизбежно «расползается» по оттенкам.
| Формат | Где используется | Почему нельзя без него |
|---|---|---|
| HEX | Веб, интерфейсы, digital | Стандарт для CSS и большинства디자인-инструментов |
| RGB | Экраны, презентации, видео | Базовая цветовая модель для любого дисплея |
| CMYK | Полиграфия, печать | Экран и принтер строят цвет по-разному, RGB на бумаге искажается |
| Pantone | Ткань, пластик, сувенирная продукция, широкоформатная печать | Единственный способ гарантировать одинаковый цвет у разных подрядчиков и материалов |
Показательный пример — Контур: для логотипа используется красный FE4C4C, а для печати — F03B36. Это не ошибка и не расхождение по недосмотру, а осознанная поправка на контраст: то, что хорошо читается на экране, при печати может выглядеть бледнее или ярче в зависимости от бумаги. Без такой двойной спецификации бренд рискует получить визитки одного оттенка, а сайт — другого.
Правило 60-30-10: теория против того, как делают крупные бренды
Классическая формула 60-30-10 звучит красиво, но на практике почти никто не следует ей буквально. Реальные гайдлайны крупных компаний расписывают пропорции гораздо детальнее — с учётом того, что в палитре не два-три цвета, а пять-шесть.
| Бренд | Пропорции в гайдлайне |
|---|---|
| Selectel | Синий (основной) — 30%, белый — 30%, красный (акцент) — 20%, чёрный — 15%, серый — 5% |
| Зелёный (акцент) — не более 40%, но никогда без основного синего рядом | |
| Ростелеком | Оранжевый — не более 30% относительно фиолетового, каждый дополнительный цвет — не более 10% |
Общий принцип, который считывается из всех трёх примеров: акцентные цвета вообще не должны превышать 30% палитры, а если акцент занимает больше — как зелёный у Mail — он обязательно жёстко привязан к основному цвету и не может использоваться самостоятельно. Это и есть практическое применение 60-30-10: 60% — это не буквально один цвет, а весь «спокойный» фон (белый, серый, светлый оттенок основного), 30% — сам основной или связка основной+дополнительный, 10% — строго акцент, и не больше.
Частые ошибки при работе с палитрой
Теория про психологию цвета и типы палитр (монохромная, аналогичная, комплементарная) хорошо звучит на слайдах, но реальные проблемы бренды получают не от неправильно подобранного оттенка, а от нарушения дисциплины использования.
- Акцент используют как основной. Яркий цвет ставят на все кнопки, весь текст, все иконки — и он перестаёт выделять что-либо, потому что выделяет всё.
- Цвет не проверяют на разных поверхностях. Оттенок, отлично смотрящийся на экране, может тускнеть на ткани или искажаться на стекле и пластике — это критично для брендов с большим количеством физических носителей.
- Основной цвет совпадает с конкурентом. Перед утверждением палитры стоит проверить, не занят ли выбранный оттенок ключевым игроком в вашей нише — иначе узнаваемость будет работать на конкурента.
- Нет единой спецификации для разных сред. Без Pantone-кода дизайнер на аутсорсе, типография и производитель сувенирки печатают три разных оттенка одного «фирменного» цвета.
- Дополнительные цвета плодятся бесконтрольно. Каждый новый продукт или раздел получает «свой» цвет, и через пару лет у бренда пятнадцать оттенков вместо четырёх-пяти согласованных.
Как проверить палитру перед утверждением
Прежде чем закрывать гайдлайн, стоит пройтись по короткому чек-листу — это дешевле, чем переделывать фирменный стиль через год.
- Есть спецификация во всех четырёх форматах — HEX, RGB, CMYK, Pantone — для каждого цвета палитры.
- Прописаны точные пропорции использования: сколько процентов занимает основной, сколько — акцент, есть ли ограничение «акцент не более X% и не без основного цвета рядом».
- Цвет протестирован на реальных материалах: экран, бумага, ткань, пластик, стекло — если бренд использует все эти носители.
- Основной цвет не совпадает с ключевыми конкурентами в нише.
- Общее количество цветов в палитре не превышает 6-8 — если больше, стоит честно спросить себя, почему.
Палитра — это не про красоту сочетания, а про дисциплину применения. Красиво подобранные цвета без жёстких правил использования разваливаются в первый же год существования бренда, а строгая система из трёх-четырёх цветов с понятными пропорциями работает десятилетиями.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
