色について学ぶ30日 ― 色を知ると世界がもっと楽しくなる

【Day29】配色テンプレート ― すぐ使える色の組み合わせ集

ここまで色の仕組み・心理・文化・素材など
「色を理解するための知識」を学んできました。

Day29ではいよいよ実践編！
今日のテーマは “そのまま使える配色テンプレート集” です。

デザイン初心者でも、
「このまま使えばオシャレになる」
という鉄板の色組み合わせを、ジャンル別に厳選して紹介します。

ブログ・Web・ショップ・印刷物・SNSなど、
あらゆるデザインにそのまま応用できます。

■ 1. ベーシック配色（誰でも使いやすい）

● ① ブルー × ホワイト × グレー
● ② ベージュ × ブラウン × ホワイト
● ③ ネイビー × ゴールド × ホワイト
● ④ イエロー × ピンク × 水色
● ⑤ オレンジ × 青 × 白
● ⑥ 赤 × ピンク × 白
● ⑦ 北欧ミント × グレー × ホワイト
● ⑧ くすみピンク × モカ × クリーム
● ⑨ オリーブ × ベージュ × アイボリー
● ⑩ ブラック × ホワイト × シルバー
● ⑪ ダークグレー × ホワイト × ブラウン
● ⑫ ラテカラー（ベージュ × ホワイト × ココア）
● ⑬ 大人ネオン（ネオンピンク × 黒 × パープル）
● ⑭ 和モダン（藍色 × 朱色 × 白）

● ① ブルー × ホワイト × グレー

清潔・信頼・誠実

医療
コーポレート
Web UI

HEX例

#2E6FB6（青）
#F8F8F8（白）
#6A6A6A（グレー）

● ② ベージュ × ブラウン × ホワイト

ナチュラル・柔らかい・温かみ

ライフスタイル
カフェ系
手作り・自然系ブランド

HEX例

#D9C7A3
#8C6E54
#FAF7F2

● ③ ネイビー × ゴールド × ホワイト

高級感・上品・落ち着き

宝飾
ビジネス
高価格帯商品

HEX例

#1C2A41
#C8A045
#FFFFFF

■ 2. ポップ・明るい系の配色

● ④ イエロー × ピンク × 水色

楽しい・明るい・子ども向け

キッズ
SNSバナー
ポップな商品

HEX例

#FFD84D
#FF6F9B
#6ECFF6

● ⑤ オレンジ × 青 × 白

元気・活力・メリハリ

スポーツ
企業キャンペーン
CTA（行動喚起）

HEX例

#FF8A3D
#0066CC
#FFFFFF

● ⑥ 赤 × ピンク × 白

情熱・可愛い・インパクト

イベント告知
セール
女性向け商品

HEX例

#E63946
#F9A1C1
#FFFFFF

■ 3. 北欧風・シンプル系の配色

● ⑦ 北欧ミント × グレー × ホワイト

柔らかさ・清潔感・ミニマル

ライフスタイル
住まい・整理収納
ブログテーマ

HEX例

#A8DADC
#457B9D
#F1FAEE

● ⑧ くすみピンク × モカ × クリーム

今っぽい・上品・優しい

美容
カフェ
日常系SNS

HEX例

#D8A7A7
#8C6E63
#FFF8E7

● ⑨ オリーブ × ベージュ × アイボリー

自然・落ち着き・大人

SDGs
服飾
インテリア

HEX例

#798956
#CDBF9C
#F8F5EB

■ 4. モノトーン系（万能）

● ⑩ ブラック × ホワイト × シルバー

クール・洗練・スタイリッシュ

高級感
男性向け
商品ページ

HEX例

#000000
#FFFFFF
#BFC2C7

● ⑪ ダークグレー × ホワイト × ブラウン

シック・現代的・安らぎ

不動産
建築
モダンデザイン

HEX例

#4A4A4A
#FFFFFF
#9A7755

■ 5. トレンド系（今すぐ使える）

● ⑫ ラテカラー（ベージュ × ホワイト × ココア）

温かい・柔らかい・SNS映え

HEX例

#EADBC8
#FEFAF4
#A9856A

● ⑬ 大人ネオン（ネオンピンク × 黒 × パープル）

華やか・都会・目を引く

HEX例

#FF4EC4
#000000
#8E5CE6

● ⑭ 和モダン（藍色 × 朱色 × 白）

伝統 × 現代

日本ブランド
旅館
和食店

HEX例

#1B3A57
#E94F2E
#FFFFFF

■ 6. すぐに使える「配色レシピ」まとめ

テーマ	配色の特徴	カラー例
信頼・清潔	青 × 白 × グレー	ブルー系
ナチュラル	ベージュ × 茶 × 白	アースカラー
高級感	ネイビー × ゴールド	ダークカラー
ポップ	黄 × ピンク × 水色	パステル＋明度高め
北欧	くすみ色 × 白	柔らかい色
和風	藍 × 朱 × 白	伝統色