ボールドなカラーパレット:大胆なブランド用パレット16選と、それを支える色

ボールドなカラーパレットとは、派手な色を並べたものではありません。派手な色が1色と、その色が主役の座を奪わずに思い切り目立てるようにしてくれる、控えめな色が2色。それがすべてです。ここでは4つのファミリーに分けた16パレットを、すべてのHEXコードと、ロゴで機能させるためのルールとともに紹介します。

16パレット共通のルール

派手な色を見つけるのは簡単です。難しいのは、それをブランドに使うこと。そこまで明るい色は、テキストやパッケージ、ウェブサイト、ロゴの隣に毎日並ぶことになります。放っておけば、そのすべてに向かって叫び出します。

だからここでは、どのパレットにも3つの役割を用意しました。

派手な色は、人の記憶に残る色です。深い色は、たいていニアブラックか、ある色相の暗いバージョンで、ワードマークはこの色で組みます。柔らかい色は、クリームや淡いティント、オフホワイトで、残りの2色が乗る地になります。Barberry、Rio Red、Tomato のように、派手な色自体が文字を載せられるほど暗いパレットもいくつかあり、その場合は1色が2役をこなします。

各パレットの4枚目のタイルは、ロゴで使うペアリングを示しています。どれもパレット内の色だけで作っていて、白や黒は足していません。

あえて派手に

放っておけば部屋を乗っ取ってしまう4つの主役カラー。それぞれに2色を添えて手綱を握ります。マークを置けるだけ深い色と、その周りで呼吸できるだけ柔らかい色です。

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

1つのパレットに派手な色が2色、淡いモーブで引き離されています。マークには Barberry を使い、Green Sheen は小さく控えめに。箔押しやステッカー、ディテール程度にとどめましょう。

派手な色は1色、あとは控えめに

同じルールを、さらに押し進めます。どのパレットも、彩度の高い1色を2つのニアニュートラルで挟んでいます。

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

深い赤を2つのニアニュートラルで挟みました。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

異色の存在です。柔らかい青が2色と、ニアブラックが1色。ここではニアブラックが全仕事を引き受け、すべてのマークは Black Onyx で置きます。

これらのパレットの暗色に、純黒は1つもありません。ニアブラックでも読みやすさは変わらず、派手な色の隣に置いたときの威圧感はぐっと減ります。

4つの赤、4つのムード

赤は1色ではなく4色あります。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 は、小さな文字ではぎりぎり読める程度。大きなマークや見出しに使い、本文はもっと暗い色で組みましょう。

有名ブランドが画面と印刷に合わせて赤をどう調整しているかは、ブランドレッドのペーパーをご覧ください。

アシッドカラーには暗色が必須

明るい黄緑が4色。派手で明るいという両方を兼ねているので、単独で働かせさえしなければ、素晴らしいロゴになります。

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

黒ではなく Burgundy の上の Limeade。アシッドグリーンの背後に暗く温かい赤を置くと、黒よりも派手で親しみやすくなります。

Green Oasis

#23312D

Scarab

#B0B454

Green Oasis

#E7EACB

Sylvan Green

Green Oasis

Green Oasis on Scarab

4つの中で最も穏やかです。Green Oasis はオリーブ、Scarab は深い緑がかった黒で、セット全体が同じファミリーに収まります。

Lemon Drop

#2D3036

Vulcan

#FDD878

Lemon Drop

#F6EBC8

Lemon Icing

Lemon Drop

Lemon Drop on Vulcan

ここで最も明るい黄色で、最も暗色を必要とする色です。Lemon Icing の上では消え、Vulcan の上では輝きます。

16パレットを1つの表で

ボールドなパレットをブランドに使う方法

1. 派手な色には仕事を1つだけ与える。 ロゴ、パッケージの主役、ボタン1つ。それ以外の場所では小さく使います。
2. ワードマークは深い色で組む。 明るい地なら深い色で、深い地なら派手な色で組みます。
3. 柔らかい色をページにする。 人がブランドに触れて目にするものの大半は背景です。純白よりも、クリームや淡いティントのほうが落ち着きます。
4. まず1色でテストする。 ロゴが派手な色でしか成立しないなら、FAXやスタンプ、暗い写真の上では破綻します。システム全体については、ブランドカラーパレットのペーパーで解説しています。

ファミリーごとのファイルを入手

各ファミリーは Forge で配布している無料のカラーセットで、タップでコピーできるコード、Figma と Adobe 用のスウォッチファイル(ASE)、CSS変数、デザイントークンが付いています。

無料カラーセット

あえて派手に:Persimmon、Maize、Charisma、Barberry

すべてのHEXに加え、ASEスウォッチ、CSS変数、デザイントークン付き。

セットを開く

無料カラーセット

派手な色は1色:Ultrasonic、Jester Red、Periwinkle、Dream Blue

すべてのHEXに加え、ASEスウォッチ、CSS変数、デザイントークン付き。

セットを開く

無料カラーセット

4つの赤:Windsor Wine、Rumba Red、Rio Red、Tomato

すべてのHEXに加え、ASEスウォッチ、CSS変数、デザイントークン付き。

セットを開く

無料カラーセット

アシッドカラー:Green Sheen、Limeade、Green Oasis、Lemon Drop

すべてのHEXに加え、ASEスウォッチ、CSS変数、デザイントークン付き。

セットを開く

FAQ

ボールドなカラーパレットとは?

ボールドなカラーパレットとは、熱いオレンジ、深い赤、アシッドグリーンのような、彩度が高く目を引く1色を軸に作られたパレットです。ブランドで機能するパレットは、その色に、文字用の深い色と背景用の柔らかい色を組み合わせています。

明るいブランドカラーには、どんな色が合いますか?

文字とマークには、ニアブラックか、ある色相の暗いバージョン。背景には、クリームか淡いティントです。Persimmon #FF5C34 に Vulcan #2D3036 と Sugar Swizzle #F3EEE7 を合わせるのが好例です。

ロゴに明るい黄色や緑を使えますか?

使えます。ただし暗い背景に置くか、その上に暗い色でマークを置きましょう。明るい黄色やアシッドグリーンは、白やクリームの上ではほぼ消えてしまいます。

ブランドに向く赤のカラーパレットは?

まずムードで赤を選び、それからパートナーを選びます。Windsor Wine #582B36 のような涼しいワインレッドは、静かで上質なブランドに合います。暖かい Tomato #CE2939 は、派手で親しみやすいブランド向きです。どちらも、文字用に淡いパートナーが必要です。

このカラーパレットは無料で使えますか?

はい。HEXコードはどのプロジェクトでも自由に使えます。各ファミリーは Forge で、スウォッチファイルとCSS付きの無料ダウンロードとして提供しています。

Sources

• 色名とHEXコードは、チームのカラーボードにあるパレットカードから取得し、公開済みの Forge カラーセットと照合しています。
• 各ペアリングの可読性は WCAG 2 のコントラスト計算式で確認しました。Tomato と Sugar Swizzle の組み合わせは 4.5 対 1 で、本文の最低基準ちょうどです。Espresso と Rumba Red は 1.3 対 1 なので、互いの上に文字として使うことはありません。
• 初出は Logo Brainy の4つのカルーセル投稿です。Loud on purpose、One loud colour、Four reds、Acid colours。