大胆配色方案:16 套响亮的品牌配色,以及稳住它们的颜色

大胆的配色方案不是一堆响亮颜色的合集。它是一个响亮的颜色加两个安静的颜色,让亮色尽情张扬却不会喧宾夺主。这里有十六套,分为四个系列,附上每个十六进制色值,以及让它们在标志中成立的那条规则。

十六套配色背后的规则

响亮的颜色很容易找到。难的是把它用在品牌上,因为这么亮的颜色每天都要和文字、包装、网站和标志并排出现。放任不管,它会对着所有这些东西大喊大叫。

所以这里每套配色都分配了三项任务。

亮色是让人记住的那个。深色通常是近黑色或某个色相的深色版本,字标就用它来排。柔和色,比如奶油色、浅色调或米白色,是另外两个颜色所处的底色。在少数几套里,比如 Barberry、Rio Red 和 Tomato,亮色本身就足够深,可以直接承载文字,所以它身兼两职。

每套配色下的第四个色块展示了标志会使用的搭配。每一个都由配色本身组成,没有额外加入白色或黑色。

故意要响亮

四个主角色,放任不管就会占满整个房间。每个都配两个颜色来约束它:一个足够深,可以用来排标志,一个足够柔和,可以在它周围呼吸。

Persimmon

#2D3036

Vulcan

#FF5C34

Persimmon

#F3EEE7

Sugar Swizzle

Persimmon

Persimmon on Vulcan

热辣的橙色配冷调的深色。Vulcan 是蓝灰色,不是黑色,所以橙色在它旁边显得更暖。

Maize

#6F3503

Cold Press Coffee

#EEC843

Maize

#F6E199

Lemon Meringue

Maize

Cold Press Coffee on Maize

明亮的黄色需要一个真正的深色。Maize 搭的是 Cold Press Coffee 而不是白色,因为在这么浅的黄色上排字标,除非墨色足够深,否则会消失不见。

Charisma

#632A60

Charisma

#D3D95F

Limeade

#F5ECD2

Winter White

Charisma

Limeade on Charisma

这里深色就是主色相。Charisma 是深李子色,自己就能承载文字,Limeade 则是它之上响亮的一笔。

Barberry

#BF1945

Barberry

#D9CE52

Green Sheen

#ECD6D6

Mauve Morn

Barberry

Mauve Morn on Barberry

一套配色里有两个亮色,中间用浅淡的紫红色隔开。标志用 Barberry,Green Sheen 要用得少:烫金、贴纸、小细节。

一个亮色,两个安静的颜色

同一条规则,更进一步。每套都有一个高饱和的颜色,夹在两个近中性色之间。

Ultrasonic

#0C10E3

Ultrasonic Blue

#D1B17C

Soft Fawn

#F8E6D2

Antique White

Ultrasonic

Antique White on Ultrasonic Blue

Ultrasonic Blue 的饱和度差不多已是屏幕蓝的极限。单独看,它像一盏警示灯。夹在 Antique White 和 Soft Fawn 之间,它就像一个品牌。

Jester Red

#26262A

Black Beauty

#9E1030

Jester Red

#F1E8DF

Gardenia

Jester Red

Gardenia on Jester Red

深红色夹在两个近中性色之间。Black Beauty 比纯黑更柔和,让红色不显得刺眼,而且文字的对比度依然充足。

Periwinkle

#0D3B66

Regal Navy

#9381FF

Soft Periwinkle

#FAF0CA

Lemon Chiffon

Periwinkle

Soft Periwinkle on Regal Navy

Soft Periwinkle 响亮但偏浅,所以需要 Regal Navy 来托底。Lemon Chiffon 让整套配色暖了起来。

Dream Blue

#2B272B

Black Onyx

#A0BCD0

Dream Blue

#BBCBDC

Winter Scene

Dream Blue

Black Onyx on Dream Blue

最安静的一套:两个柔和的蓝色加一个近黑色。这里近黑色包揽所有工作,每个标志都用 Black Onyx。

这些配色里的深色没有一个是纯黑。近黑色一样清晰易读,而且在亮色旁边显得没那么严厉。

四种红,四种情绪

红色是四种颜色,不是一种。Windsor Wine 偏冷,Tomato 偏暖,Rumba Red 和 Rio Red 介于两者之间,大多数品牌红都落在这里。情绪既来自红色本身,也来自它的搭档:酒红配奶油色,番茄红配桃色。

Windsor Wine

#582B36

Windsor Wine

#B45865

Slate Rose

#F0EADA

Vanilla Ice

Windsor Wine

Vanilla Ice on Windsor Wine

偏冷的酒红色配灰调玫瑰色。足够安静,适合餐厅或酒标,文字用 Vanilla Ice。

Rumba Red

#363031

Espresso

#7C2439

Rumba Red

#F0EADA

Vanilla Ice

Rumba Red

Vanilla Ice on Rumba Red

Espresso 和 Rumba Red 的明度几乎一样。这能做出漂亮的同色调图案,也意味着你永远不要拿其中一个给另一个当文字色。文字用 Vanilla Ice。

Rio Red

#8A2232

Rio Red

#E2C1C0

Lotus

#F1E6DE

Sea Salt

Rio Red

Sea Salt on Rio Red

经典的深色品牌红,被浅粉色和暖调米白色柔化。红色负责说话,粉色负责保持亲切。

Tomato

#CE2939

Tomato

#F8D5B8

Tender Peach

#F3EEE7

Sugar Swizzle

Tomato

Sugar Swizzle on Tomato

这里最暖也最亮的红色。Tomato 放在浅色搭档上,小字号勉强能读,所以用它做大标志和标题,正文用更深的颜色。

想了解知名品牌如何为屏幕和印刷调校红色,请看我们关于品牌红的文章。

酸性色需要一个深色

四种明亮的黄绿色。只要没人要求它们单打独斗,它们就能做出很棒的标志,因为它们既响亮又浅。

Lemon Drop

Lemon Drop on Lemon Icing

Lemon Drop

Lemon Drop on Vulcan

这就是亮色标志的规则:亮色放深底,或深色放亮底。绝不要亮色放浅底。

Green Sheen

#2B2C30

Stretch Limo

#D9CE52

Green Sheen

#F0EDE5

Coconut Milk

Green Sheen

Green Sheen on Stretch Limo

黄绿色配冷调近黑色。Coconut Milk 是除标志之外所有东西的底色。

Limeade

#64313E

Burgundy

#D3D95F

Limeade

#F0EFE2

Cannoli Cream

Limeade

Limeade on Burgundy

Limeade 配 Burgundy 而不是黑色。酸性绿后面衬一个深暖红,比黑色更响亮也更友好。

Green Oasis

#23312D

Scarab

#B0B454

Green Oasis

#E7EACB

Sylvan Green

Green Oasis

Green Oasis on Scarab

四套里最平静的一套。Green Oasis 是橄榄色,Scarab 是深绿黑色,所以整套都留在同一个色系里。

Lemon Drop

#2D3036

Vulcan

#FDD878

Lemon Drop

#F6EBC8

Lemon Icing

Lemon Drop

Lemon Drop on Vulcan

这里最浅的黄色,也是最需要深色的那个。在 Lemon Icing 上它会消失;在 Vulcan 上它会发光。

十六套配色一览表

如何为你的品牌使用大胆配色

1. 只给亮色一个任务。 标志、包装主视觉、唯一的那个按钮。其他地方只让它小面积出现。
2. 字标在浅色底上用深色来排,或者在深色底上用亮色来排。
3. 把柔和色当作页面。 人们看到的品牌大部分是背景,奶油色或浅色调比纯白更让人平静。
4. 先用单色测试。 如果标志只有用亮色才成立,那它在传真、印章或深色照片上就会失败。我们的品牌配色方案文章讲解了完整体系。

获取每个系列的文件

每个系列都是 Forge 上的免费色彩集,附带点按复制的色值、适用于 Figma 和 Adobe 的色板文件(ASE)、CSS 变量和设计 token。

免费色彩集

故意要响亮:Persimmon、Maize、Charisma、Barberry

所有十六进制色值,外加 ASE 色板、CSS 变量和设计 token。

打开色彩集

免费色彩集

一个亮色:Ultrasonic、Jester Red、Periwinkle、Dream Blue

所有十六进制色值,外加 ASE 色板、CSS 变量和设计 token。

打开色彩集

免费色彩集

四种红:Windsor Wine、Rumba Red、Rio Red、Tomato

所有十六进制色值,外加 ASE 色板、CSS 变量和设计 token。

打开色彩集

免费色彩集

酸性色:Green Sheen、Limeade、Green Oasis、Lemon Drop

所有十六进制色值,外加 ASE 色板、CSS 变量和设计 token。

打开色彩集

FAQ

什么是大胆的配色方案?

大胆的配色方案围绕一个饱和、抢眼的颜色构建,比如热辣的橙色、深红色或酸性绿。适用于品牌的配色会把这个颜色与一个用于文字的深色和一个用于背景的柔和色搭配在一起。

什么颜色适合搭配明亮的品牌色?

文字和标志用近黑色或某个色相的深色版本,背景用奶油色或浅色调。Persimmon #FF5C34 搭配 Vulcan #2D3036 和 Sugar Swizzle #F3EEE7 就是一个很好的例子。

标志里可以用明亮的黄色或绿色吗?

可以,但要把它放在深色背景上,或者在它上面用深色排标志。明亮的黄色或酸性绿放在白色或奶油色上几乎会消失。

品牌适合用什么红色配色方案?

先按情绪选红色,再选它的搭档。像 Windsor Wine #582B36 这样偏冷的酒红适合安静、高端的品牌。偏暖的 Tomato #CE2939 适合响亮、友好的品牌。两者都需要一个浅色搭档来排文字。

这些配色方案可以免费使用吗?

可以。这些十六进制色值可以免费用于任何项目,每个系列也都可以在 Forge 上免费下载,附带色板文件和 CSS。

来源

• 颜色名称和十六进制色值来自我们团队色彩板上的配色卡片,并与已发布的 Forge 色彩集核对过。
• 每组搭配的可读性使用 WCAG 2 对比度公式检查。Tomato 配 Sugar Swizzle 得分 4.5 比 1,是正文的最低要求。Espresso 配 Rumba Red 得分 1.3 比 1,所以这两者永远不能互相作文字色。
• 最初以四组轮播图形式发布在 Logo Brainy:故意要响亮、一个亮色、四种红和酸性色。