デザインのための配色見本帳(WEBサイト、ECサイトカラーパターン)

15年以上のデザイナーの仕事を経て、多数のECサイト、WEBサイト、LP作成を手がけた経験から、ECサイトの売上げアップ、転換率(CV率)アップに役立つ「売れる色 (カラーマーケティング)」をベースとしたカラーパターンを紹介しています。

日常から色を見つける

【緑】スターバックスのステンドグラス

投稿日:2019年11月6日 更新日:

【緑】スターバックスのステンドグラス

色のキーワード…癒し、くつろぐ、カフェ

新しく田町駅前にオープンしたスターバックスに、すてきなステンドグラスができていたので、その色をチェックしてみました。

スターバックスのカラーでもある緑は、自然を感じて癒されリラックスできる色と言われているので、休憩場所としてのカフェにはふさわしい色です。
それに加えて、薄緑、エメラルド色やそれぞれの濃淡もバランスよく使われた ステントグラスで、店内のインテリアの茶色も効果的に生かされたデザインです。

また白が効果的に使われていて、遠くから見るとよりロゴマークがはっきりとわかり、美しさだけではなく看板としての役割にもなっているところが素晴らしいです。
⇒ お店の様子はこちらを見てください。

スターバックスコーヒー「新田町ビル店」

カラーパターン(RGB/HTMLカラーコード)

●メインカラー (緑、深緑)
R0 G109 B64 / #006D40

[連想するイメージ]植物、森林、葉
草原、森林などの自然を感じて、癒される色です。
スターバックスの色としてもすっかりお馴染みの色になりました。

● サブカラー1 (白)
R255 G255 B255 / #FFFFFF

[連想するイメージ]清潔、爽やか
爽やかで清潔感を感じる白は、どの色にも合う色です。
白を効果的に使って、ロゴの女神をかたどっています。

●サブカラー2(茶色)
R152 G99 B33 / #986321

[連想するイメージ]樹木、大地、自然、ナチュラル、温かい、おだやか、安心
地味な印象の茶色ですが、落ち着いた、渋い大人の色でもあります。
また、懐かしさと穏やかな印象を与えることができます。

● アクセントカラー1 (黄緑)
R187 G204 B102 / #BBCC66

[連想するイメージ]植物、森林、葉、お茶、ナチュラル、やさしい
黄緑は若草色とも呼ばれ、さわやかで新鮮さを感じる色です。
淡い色にすることで安心感ややさしさを感じます。

●アクセントカラー2(青緑)
R0 G153 B106 / #009988

[連想するイメージ] 爽やか、神秘的
緑だけではなく、少し青みがかった緑を入れることで、ステンドグラスに華やかさを加えています。

●アクセントカラー3(濃茶)
R85 G0 B0 / #550000

[連想するイメージ]コーヒー、樹木、大地、自然
黒ではなく濃い茶色にすることで、温かみを感じる印象になります。
コーヒーの色でもあるので、カフェには最適な色といえます。


-日常から色を見つける
-, , , ,

執筆者:

関連記事

【ピンク】文喫(六本木)をイメージする配色

色のキーワード… 読書、書店、カフェ、知識、くつろぐ、落ち着く、 ゆったり、癒し 六本木にある読書空間「文喫」。入場料が必要(コーヒーまたはお茶代は込み)ですが、店内の本を読むことができる場所として人 …

ポテトチップスのパッケージ

コンビニで見かけたポテトチップスのパッケージです。 ポテトチップスのパッケージといえば、ジャガイモをイメージして黄色やオレンジをメイン カラーにしたものがほとんど。 味付けによっては、赤か黒か黄緑くら …

黄昏時(たそがれどき)の空

黄昏時(たそがれどき)の空

冬の日の日が暮れる直前の写真です。空はまだ水色、太陽が沈む直前の地平線はオレンジ、影になる街並みは黒、というこの3色の組み合わせは、この時間だけに起こる絶妙は色合いです。神秘的な印象のものを作る時や、 …