color theoryNovember 5, 20267 min read

Теплые цветовые палитры: 8 палитр для бренда в синем, оранжевом и пряных оттенках

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

By Boone
XLinkedIn
Warm Color Palettes: 8 Blue, Orange and Spice Brand Palettes

Теплые цвета проще всего полюбить и сложнее всего описать словами. Оранжевый, паприка и карри лежат совсем рядом, поэтому они светятся, и поэтому же плохо читаются друг на друге. Вот восемь теплых палитр со всеми hex-кодами и цветом в каждой, который берет на себя чтение.

Почему теплым цветам нужен партнер

У теплой палитры две проблемы. Теплые цвета стоят рядом на круге, поэтому бок о бок они светятся, но не могут нести текст, как Paprika Kisses #C24325 и English Walnut #3E2B23. А когда вы тянетесь за контрастом через весь круг, новый цвет может начать воевать с первым.

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

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

Синий и оранжевый: четыре варианта

Синий с оранжевым это самый старый трюк в брендинге и самый простой, в котором можно ошибиться. Они стоят напротив друг друга на круге, поэтому вместе искрят.

Подвох в светлоте. Azraq Blue и Mahogany одной светлоты, и везде, где они соприкасаются, край вибрирует. Для узора это нормально, а для логотипа на фоне мучительно.

Во всех четырех палитрах спасает третий цвет. Vacherin Cheese, Apricot Sherbet, Silverton и Broad Daylight дают громкой паре тихое место для посадки.

Saturated Sky

#5248F8

Saturated Sky

#FFAC3E

Mandarin Sorbet

#FFD3A4

Apricot Sherbet

Saturated Sky

Apricot Sherbet на Saturated Sky

Самый яркий синий с мягким оранжевым и бледным абрикосовым. Apricot Sherbet это место посадки между ними.

Mahogany

#4969B3

Azraq Blue

#BA3901

Mahogany

#FFEB88

Vacherin Cheese

Mahogany

Vacherin Cheese на Mahogany

Пара, которая вибрирует. Azraq Blue и Mahogany держатся порознь, а Vacherin Cheese это тихий третий цвет, который их удерживает.

Raw Sunset

#0C3842

Sunken Harbour

#FF6634

Raw Sunset

#C1DBD0

Silverton

Raw Sunset

Raw Sunset на Sunken Harbour

Здесь синий уходит в глубину. Sunken Harbour достаточно темный, чтобы нести крупный оранжевый шрифт, а Silverton дает спокойный бледный фон.

Cinnamon

#996513

Cinnamon Brown

#FDEB7D

Lemon Peel

#C2E2FF

Broad Daylight

Cinnamon

Lemon Peel на Cinnamon Brown

Самая мягкая из четырех. Cinnamon Brown здесь самый темный цвет, и он не очень темный, так что это набор для крупных знаков и заголовков, а Broad Daylight служит холодным бледным тоном.

Пряные цвета и темный тон, который читается

Пряные цвета выглядят теплыми, потому что стоят близко друг к другу. Поэтому же они и воюют, когда на них ставят слова. Paprika Kisses и English Walnut оба красно-коричневые. Рядом они светятся.

Как текст друг на друге они читаются плохо, поэтому паприка никогда не несет слова на орехе. Chai Latte это цвет, который может: орех на чае читается легко.

Curry и Sesame Seed еще ближе. Black Turmeric это цвет, который держит обоих: он легко читается на кунжуте и в самый раз смотрится на карри.

Sun Dried Tomato

#752329

Sun Dried Tomato

#918C7E

Laurel Oak

#F1E8DF

Gardenia

Sun Dried Tomato

Gardenia на Sun Dried Tomato

Sun Dried Tomato на Gardenia читается легко. Laurel Oak это тихая середина, прекрасная для узора и никогда для мелкого шрифта.

Golden Sandalwood

#EBD3BB

Almond Light

#847862

Golden Sandalwood

#27271F

Green Velvet

Golden Sandalwood

Green Velvet на Almond Light

Green Velvet на Almond Light читается легко. Golden Sandalwood здесь тихая середина, так что берите его для узора или крупной формы.

Paprika Kisses

#C24325

Paprika Kisses

#F9CBA0

Chai Latte

#3E2B23

English Walnut

Paprika Kisses

English Walnut на Chai Latte

Paprika Kisses и English Walnut светятся вместе, но слова нужно ставить English Walnut на Chai Latte.

Curry

#D6A332

Curry

#E1D9B8

Sesame Seed

#2C4364

Black Turmeric

Curry

Black Turmeric на Sesame Seed

Curry и Sesame Seed почти один цвет. Black Turmeric это темный тон, который держит обоих, и он легко читается на кунжуте.

Каждый цвет в последних двух палитрах это настоящее название из открытого списка названий цветов: Paprika Kisses, Chai Latte, English Walnut, Curry, Sesame Seed и Black Turmeric.

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

ПалитраЦветаЛучшая пара для знака
Saturated SkySaturated Sky #5248F8, Mandarin Sorbet #FFAC3E, Apricot Sherbet #FFD3A4Apricot Sherbet на Saturated Sky
MahoganyAzraq Blue #4969B3, Mahogany #BA3901, Vacherin Cheese #FFEB88Vacherin Cheese на Mahogany
Raw SunsetSunken Harbour #0C3842, Raw Sunset #FF6634, Silverton #C1DBD0Raw Sunset на Sunken Harbour
CinnamonCinnamon Brown #996513, Lemon Peel #FDEB7D, Broad Daylight #C2E2FFLemon Peel на Cinnamon Brown, только для крупных знаков
Sun Dried TomatoSun Dried Tomato #752329, Laurel Oak #918C7E, Gardenia #F1E8DFGardenia на Sun Dried Tomato
Golden SandalwoodAlmond Light #EBD3BB, Golden Sandalwood #847862, Green Velvet #27271FGreen Velvet на Almond Light
Paprika KissesPaprika Kisses #C24325, Chai Latte #F9CBA0, English Walnut #3E2B23English Walnut на Chai Latte
CurryCurry #D6A332, Sesame Seed #E1D9B8, Black Turmeric #2C4364Black Turmeric на Sesame Seed

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

  1. Сначала выберите читающий цвет. Решите, какой цвет понесет слова, например Black Turmeric #2C4364 или Sunken Harbour #0C3842, прежде чем выбирать свечение.
  2. Разведите громкую пару. Оранжевый рядом с синим той же светлоты вибрирует. Поставьте между ними тихий третий цвет.
  3. Близкие теплые цвета используйте как текстуру. Два соседа дают хороший узор или полосу и плохую пару для текста.
  4. Проверьте логотип в одном цвете. Если он работает только в оранжевом, он провалится на штампе или темном фото. Полную систему разбирает наша статья про палитру бренда, а в ярких цветовых палитрах есть громкие версии той же идеи.

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

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

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

Синий и оранжевый, четыре варианта: Saturated Sky, Mahogany, Raw Sunset, Cinnamon

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

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

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

Пряные цвета и темный тон, который читается: Sun Dried Tomato, Golden Sandalwood, Paprika Kisses, Curry

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

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

FAQ

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

Теплая цветовая палитра строится из цветов на оранжевой, красной и желтой стороне круга, таких как Paprika Kisses #C24325, Chai Latte #F9CBA0 и Curry #D6A332. Для бренда она работает лучше всего с одним темным тоном, который несет слова.

Какие цвета хорошо сочетаются с оранжевым?

Синий это классический партнер, потому что он стоит напротив оранжевого на круге. Raw Sunset #FF6634 с глубоким синим Sunken Harbour #0C3842 образуют сильную пару. Добавьте тихий третий цвет, например Silverton #C1DBD0, чтобы у этих двоих было спокойное место для посадки.

Какая сине-оранжевая палитра хороша?

Saturated Sky #5248F8 с Mandarin Sorbet #FFAC3E и Apricot Sherbet #FFD3A4 это самый яркий вариант. Raw Sunset #FF6634 на Sunken Harbour #0C3842 это глубокий вариант, а Mahogany #BA3901 с Azraq Blue #4969B3 стоит использовать как узор, потому что у них одинаковая светлота.

Что такое пряные цвета в палитре бренда?

Пряные цвета это землистые тона, названные по тому, как они выглядят, например Paprika Kisses #C24325, Curry #D6A332 и Black Turmeric #2C4364. Они работают как палитра, когда один из них достаточно темный, чтобы нести текст.

Почему текст плохо читается на теплых цветах?

Соседи на круге могут быть близки и по светлоте. Paprika Kisses и English Walnut оба красно-коричневые, поэтому слова одного на другом читаются плохо. English Walnut #3E2B23 на Chai Latte #F9CBA0 читается легко.

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

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

Источники

  • Названия цветов и hex-коды взяты из карточек палитр на цветовой доске нашей команды и сверены с опубликованными наборами цветов Forge. Paprika Kisses, Chai Latte, English Walnut, Curry, Sesame Seed и Black Turmeric это названия из открытого color-name-list.
  • Читаемость каждой пары проверена по формуле контраста WCAG 2. Azraq Blue и Mahogany имеют одну светлоту, поэтому их край вибрирует. Sunken Harbour несет крупный оранжевый шрифт. Cinnamon самый мягкий из сине-оранжевых наборов и подходит для крупных знаков. В пряных наборах English Walnut на Chai Latte и Black Turmeric на Sesame Seed читаются легко, а Laurel Oak и Golden Sandalwood это тихие средние цвета для узоров.
  • Впервые опубликовано в виде двух каруселей в Logo Brainy: Синий и оранжевый, четыре варианта и Пряные цвета и темный тон, который читается.

Want a palette built for your own brand, tested on your logo, your packaging and your screens? Our team designs brand identities that hold up everywhere.

Get Started

More from Brainy Papers

Keep reading