Пастельные цветовые палитры: 12 мягких палитр для бренда с HEX-кодами

Пастельную цветовую палитру легко полюбить и так же легко испортить. Мягкие цвета делают бренд нежным, но логотипу нужно во что-то упереться. Вот двенадцать пастельных и приглушённых палитр со всеми HEX-кодами и одним тёмным цветом в каждой, который берёт удержание на себя.

Что удерживает пастельную палитру

Пастель это цвет, поднятый к белому, а приглушённый цвет это цвет, сведённый к серому. Оба спокойны, и оба быстро теряют контраст. Поставьте Blush Pop #FFB6EB на Vanilla Custard #FFF7AE, и края исчезнут.

Поэтому палитры ниже не набор равных. У каждого цвета своя работа: тёмный задаёт шрифт и знак, мягкие заполняют пространство. Четвёртая плитка под каждой палитрой показывает пару, которую действительно использовал бы знак, собранную только из этой палитры, без добавленного белого или чёрного.

К этому ведут три пути. Добавить пастели опору, позволить тёмному вести тихую палитру или оставить средние тона для заголовков. Громкую версию той же идеи смотрите в нашей статье про яркие цветовые палитры.

Пастели с опорой

Пастели делают мягкие бренды и слабые логотипы, если один цвет не берёт тяжёлую работу на себя. В каждой из этих четырёх есть пастельная пара и более тёмный цвет, способный нести знак.

Blush Pop

#2F3D46

Charcoal Blue

#FFB6EB

Blush Pop

#FFF7AE

Vanilla Custard

Blush Pop

Blush Pop on Charcoal Blue

Charcoal Blue с запасом держит Blush Pop и Vanilla Custard. Он несёт словесный знак любого размера, так что это самая сильная опора из четырёх.

Blue Hepatica

#6060EE

Blue Hepatica

#F8CFFF

Pink Diamond

#CCDEF8

Fly a Kite

Blue Hepatica

Pink Diamond on Blue Hepatica

Опора помягче. Blue Hepatica подходит для крупного знака на Pink Diamond или Fly a Kite, но не для мелкого текста под ним. Слоган наберите чем-то темнее.

Van Dyke

#693E21

Van Dyke Brown

#F7EBA9

Bleached Sunflower

#C6D6EF

Misty Mountains

Van Dyke

Bleached Sunflower on Van Dyke Brown

Van Dyke Brown с запасом держит Bleached Sunflower. Misty Mountains добавляет холодный бледный тон рядом с тёплой парой.

Polished Copper

#B7672C

Polished Copper

#D0EBFC

Cloudless

#FBF7F1

Morning Snow

Polished Copper

Morning Snow on Polished Copper

Polished Copper подчиняется тому же правилу, что и Blue Hepatica: для логотипа, а не для мелкого шрифта. Cloudless и Morning Snow это два бледных фона.

Тихие палитры, ведомые тёмным

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

Demitasse

#40342B

Demitasse

#DBD5D1

White Sand

#F0EDE5

Coconut Milk

Demitasse

Coconut Milk on Demitasse

Demitasse, White Sand и Coconut Milk это три нейтральных цвета, и они всё равно читаются как бренд, потому что тёмный далеко от светлого.

Olive Leaf

#31031F

Midnight Violet

#66693E

Olive Leaf

#FFF8ED

Floral White

Olive Leaf

Floral White on Midnight Violet

Midnight Violet на Floral White идёт ещё дальше: самый широкий разрыв в этой подборке. Olive Leaf стоит между ними как единственный цвет с чётким оттенком.

Wild Ginger

#492A34

Winetasting

#7C4C53

Wild Ginger

#DED7C8

Turtledove

Wild Ginger

Turtledove on Winetasting

Winetasting и Wild Ginger стоят очень близко. Для текста это слишком близко, а для узора или полосы за логотипом в самый раз. Слова несёт Turtledove.

Arcane Red

#642828

Arcane Red

#ACB9D9

Lilac Sachet

#FAF6EB

Dipped in Cream

Arcane Red

Dipped in Cream on Arcane Red

Глубокий красный с холодным лиловым и кремовым. Читают красный и кремовый, а Lilac Sachet это единственная холодная нота.

Запомните приём: тон в тон это фактура, а не цвет текста. Ставьте два близких цвета рядом для узора, а для слов зовите дальний.

Средние тона созданы для заголовков

Ваш средний цвет это цвет заголовков. Garden Matcha, Grape Nectar и Oil Blue это средние тона, поэтому рядом с остальными цветами своей палитры они годятся для крупного логотипа или заголовка и слишком слабы для мелкого шрифта. Пусть читает тёмный, а средний тон остаётся для больших форм.

Light Coral

#FCF0D6

Papaya Whip

#E88F93

Light Coral

#05334A

Deep Space Blue

Light Coral

Light Coral on Deep Space Blue

Исключение. Light Coral на Deep Space Blue достаточно силён, чтобы нести и мелкий текст, так что эта палитра позволяет громкому цвету делать обе работы.

Garden Matcha

#668B4A

Garden Matcha

#F8F1DC

Milk Foam

#5A4636

Mocha

Garden Matcha

Milk Foam on Mocha

Mocha держит Milk Foam и легко читается. Garden Matcha идёт на крупные формы: полосу, панель или заголовок.

Grape Nectar

#8D5C74

Grape Nectar

#F4C29F

Almond Cream

#502B33

Port Royale

Grape Nectar

Port Royale on Almond Cream

Port Royale держит Almond Cream. Grape Nectar это цвет больших форм, а слова остаются в тёмной паре.

Oil Blue

#658C88

Oil Blue

#2C333E

Blueberry

#D1EFED

Mint Julep

Oil Blue

Blueberry on Mint Julep

Blueberry держит Mint Julep. Oil Blue это средний тон: он идёт на большие площади и не допускается в мелкий шрифт.

Все двенадцать палитр в одной таблице

Как использовать пастельную палитру для бренда

1. Сначала назовите опору. Пока вы не влюбились в мягкие цвета, выберите более тёмный цвет, который понесёт логотип и слова, например Port Royale #502B33 под Almond Cream #F4C29F.
2. Средним тонам давайте только большие задачи. Заголовки, полосы, панели и крупные знаки. Никогда сноски.
3. Самый бледный цвет сделайте страницей. Большую часть бренда люди видят как фон, а мягкий кремовый или бледный оттенок спокойнее чистого белого.
4. Проверьте логотип в одном цвете. Если он работает только в пастели, он провалится на штампе, чеке или тёмной фотографии. Полную систему разбирает наша статья про фирменную цветовую палитру, а почему эти сочетания хорошо смотрятся вместе, объясняет гармония цвета.

Скачайте файлы для каждого семейства

Каждое семейство это бесплатный набор цветов на Forge: коды копируются по касанию, есть файлы образцов для Figma и Adobe (ASE), CSS-переменные и дизайн-токены.

Бесплатный набор цветов

Пастели с опорой: Blush Pop, Blue Hepatica, Van Dyke, Polished Copper

Все HEX, плюс образцы ASE, CSS-переменные и дизайн-токены.

Открыть набор

Бесплатный набор цветов

Тихие палитры, ведомые тёмным: Demitasse, Olive Leaf, Wild Ginger, Arcane Red

Все HEX, плюс образцы ASE, CSS-переменные и дизайн-токены.

Открыть набор

Бесплатный набор цветов

Средние тона созданы для заголовков: Light Coral, Garden Matcha, Grape Nectar, Oil Blue

Все HEX, плюс образцы ASE, CSS-переменные и дизайн-токены.

Открыть набор

FAQ

Что такое пастельная цветовая палитра?

Пастельная цветовая палитра это набор мягких светлых цветов, таких как Blush Pop #FFB6EB, Pink Diamond #F8CFFF и Fly a Kite #CCDEF8. Для бренда она работает лучше всего, когда добавлен один более тёмный цвет, несущий логотип и текст.

Что такое приглушённая цветовая палитра?

Приглушённая цветовая палитра использует цвета с малой насыщенностью, например нейтральные Demitasse #40342B, White Sand #DBD5D1 и Coconut Milk #F0EDE5. Структуру ей даёт расстояние между тёмным и светлым, а не яркие оттенки.

Какие цвета сочетаются с пастелью?

Глубокий цвет родственного оттенка. Charcoal Blue #2F3D46 держит Blush Pop #FFB6EB, а Van Dyke Brown #693E21 держит Bleached Sunflower #F7EBA9. Пастель становится фоном, а работу делает тёмный.

Можно ли использовать пастельный цвет в логотипе?

Да, если он стоит на более тёмном цвете или знак набран более тёмным. Пастельный логотип на бледном фоне теряет чёткость. Более мягкие опоры вроде Blue Hepatica #6060EE подходят для крупного знака, но не для мелкого текста рядом с ним.

Какие цвета палитры использовать для заголовков?

Средние. В Garden Matcha, Grape Nectar и Oil Blue средний тон это цвет заголовков, а тёмный несёт мелкий шрифт. Light Coral #E88F93 на Deep Space Blue #05334A это исключение, потому что он достаточно силён для обеих задач.

Можно ли бесплатно использовать эти цветовые палитры?

Да. HEX-коды можно использовать в любом проекте, а каждое семейство бесплатно скачивается на Forge с файлами образцов и CSS.

Источники

• Названия цветов и HEX-коды взяты с карточек палитр на цветовой доске нашей команды и сверены с опубликованными наборами цветов Forge.
• Читаемость каждой пары проверена по формуле контраста WCAG 2. Пастели с опорой: Charcoal Blue и Van Dyke Brown несут текст на своих пастелях, а Blue Hepatica и Polished Copper это более мягкие опоры, подходящие для крупных знаков. Средние тоны в Garden Matcha, Grape Nectar и Oil Blue соответствуют минимуму WCAG только для крупного шрифта; Light Coral проходит его для мелкого текста на Deep Space Blue.
• Впервые опубликовано в виде трёх каруселей в Logo Brainy: Пастели с опорой, Тихие палитры, ведомые тёмным и Средние тона созданы для заголовков.