粉彩配色方案:12 组柔和品牌配色与十六进制色值

粉彩配色很容易让人爱上,也很容易用砸。柔和的颜色能造出温柔的品牌,但 Logo 需要一个能顶住的东西。这里有十二组粉彩与柔和色调的配色,附上每个十六进制色值,以及每组里那个负责撑场的深色。

什么让粉彩配色立得住

粉彩是向白色提亮的颜色,柔和色(muted)则是向灰色压低的颜色。两者都很平静,也都很快失去对比。把 Blush Pop #FFB6EB 放在 Vanilla Custard #FFF7AE 上,边缘就没了。

所以下面的配色并不是一堆平起平坐的颜色。每组里的颜色分工不同:一个深色负责文字和标志,几个柔和色负责填充空间。每组下面的第四块色卡展示的是标志实际会用的搭配,只用该配色里的颜色,不额外加白或加黑。

做到这一点有三种办法:给粉彩加一根脊梁,让深色带领一套安静的配色,或者把中间色调留给标题。想看同一思路的高调版本,请读我们的 大胆配色方案。

有脊梁的粉彩

粉彩能做出柔和的品牌,但除非有一个颜色扛起重活,否则 Logo 会很弱。下面这四组里,各有一对粉彩,外加一个能撑住标志的深色。

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 遵循同一条规则:用在 Logo 上,别用在小字上。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

Floral White 上的 Midnight Violet 走得更远,是这一组里差距最大的。Olive Leaf 夹在两者之间,是唯一色相明确的颜色。

Wild Ginger

#492A34

Winetasting

#7C4C53

Wild Ginger

#DED7C8

Turtledove

Wild Ginger

Turtledove on Winetasting

Winetasting 和 Wild Ginger 靠得很近。拿来做文字太近,拿来做图案或 Logo 背后的条纹正合适。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 都是中间色调,所以和各自配色里的其他颜色相比,做大 Logo 或标题可以,做小字就太弱了。让深色负责阅读,中间色调留给大色块。

Light Coral

#FCF0D6

Papaya Whip

#E88F93

Light Coral

#05334A

Deep Space Blue

Light Coral

Light Coral on Deep Space Blue

这是个例外。Deep Space Blue 上的 Light Coral 足够强,连小字也扛得住,所以这套配色让亮色一人分饰两角。

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. 先确定脊梁。 在爱上那些柔和色之前,先选出能撑起 Logo 和文字的深色,比如 Almond Cream #F4C29F 下面的 Port Royale #502B33。
2. 中间色调只干大活。 标题、条纹、色板和大标志。脚注永远别用。
3. 把最浅的颜色当作页面。 人们看到的品牌大部分是背景,柔和的奶油色或浅色调比纯白更平静。
4. 用单色测试 Logo。 如果它只有在粉彩里才成立,放到印章、小票或深色照片上就会失败。我们的 品牌配色方案 文章讲解完整体系,配色和谐详解 则解释为什么这些组合看起来舒服。

获取每个系列的文件

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

免费色彩集

有脊梁的粉彩:Blush Pop、Blue Hepatica、Van Dyke、Polished Copper

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

打开色彩集

免费色彩集

由深色领头的安静配色:Demitasse、Olive Leaf、Wild Ginger、Arcane Red

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

打开色彩集

免费色彩集

中间色调留给标题:Light Coral、Garden Matcha、Grape Nectar、Oil Blue

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

打开色彩集

常见问题

什么是粉彩配色?

粉彩配色是一组柔和、明亮的颜色,例如 Blush Pop #FFB6EB、Pink Diamond #F8CFFF 和 Fly a Kite #CCDEF8。用于品牌时,最好再加入一个更深的颜色来承载 Logo 和文字。

什么是柔和色(muted)配色?

柔和色配色使用低饱和度的颜色,比如中性色 Demitasse #40342B、White Sand #DBD5D1 和 Coconut Milk #F0EDE5。它的结构来自深色与浅色之间的距离,而不是鲜艳的色相。

什么颜色适合搭配粉彩?

来自相近色相的深色。Charcoal Blue #2F3D46 托住 Blush Pop #FFB6EB,Van Dyke Brown #693E21 托住 Bleached Sunflower #F7EBA9。粉彩成为背景,深色负责干活。

Logo 里可以用粉彩色吗?

可以,前提是它放在更深的颜色上,或者标志本身用更深的颜色。粉彩 Logo 放在浅色底上会失去边缘。像 Blue Hepatica #6060EE 这样更柔和的脊梁适合大标志,但不适合旁边的小字。

配色里哪些颜色适合做标题?

中间的那些。在 Garden Matcha、Grape Nectar 和 Oil Blue 里,中间色调是标题色,深色负责小字。Deep Space Blue #05334A 上的 Light Coral #E88F93 是例外,因为它强到两者都能胜任。

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

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

来源

• 颜色名称和十六进制色值来自我们团队色彩板上的配色卡片,并与已发布的 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:有脊梁的粉彩、由深色领头的安静配色 和 中间色调留给标题。