PR

イメージから選ぶ配色パターン集|ソフトな色合わせ

ソフト


ソフト*soft
感触や印象などが優しく、柔らかなさま

特徴
穏やかで親しみやすい雰囲気
ふんわり感や可愛らしさを強調

代表的な色
#F8C8DC パウダーピンク
#D6EAF8 スカイミスト
#F5E6DA ミルキーベージュ
#E6D8FF ライトラベンダー
#DFF5E1 ペールミント

避けたい色

彩度
低〜中
落ち着いた印象を与える
穏やかさを演出する

明度
中〜高
軽やかで温かみのある印象を与える
ふんわり感を演出する

配色のコツ
ピンク、ミント、ラベンダー、クリームなど、パステル系やナチュラルカラーをベースに配色

アクセントに淡いイエローやサーモンピンクを加えるとふんわり感が引き立つ

丸みのあるフォルムや柔らかい素材と組み合わせると、全体にまとまりが出る

活用シーン




関連キーワード

ソフトなイメージに共通する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧で紹介。

「ソフト」という言葉から連想するイメージは人それぞれ。似た意味のキーワードでも、選ぶ言葉によって微妙に異なる雰囲気や世界観を表現できる。

ぜひ、ご自身のイメージに近いキーワードを探しながら、用途やデザインに合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすること
し、配色選びの参考にしてください。

基本の配色テクニック

ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。

トライアド

トライアド*triadとは、色相環上で正三角形を描く位置にある3色配色。

「トライアド」とは、音楽の三和音*3つの音が3度ずつ積み重ねられてできた和音(コード)のことに由来する名称で、変化がありながらもバランスが良く、安定感と華やかさを兼ね備えた配色となる。

スプリットコンプリメンタリー

スプリット・コンプリメンタリー*split complementary
分離補色
とは、補色の片方を隣接色に分離した3色配色。

スプリットとは、「分割する・分離する」を意味し、補色配色よりもコントラストをやわらげつつ、配色に変化とバランスを与えられる。

トーンオントーン

トーン・オン・トーン*tone on toneとは、「トーンを重ねる」を意味し、同じ色相や隣接した色相で全体をまとめ、明度差を大きくした多色配色。

色相の印象を強調しつつ統一感を保ち、明度差によって変化をつけられるため、バランスがとりやすく穏やかな印象になる。また、明度差を活かすことで立体的な効果を演出することも可能である。

また、3色の配色は「どの色を主役にするか」「どの順で配置するか」によって印象が大きく変わる。

同じ3色でも、主役となる色を明るく見せるか、あるいは背景として引き立てるかによって、全体の雰囲気は華やかにも落ち着いた印象にも変化する。

そのため、色の配置順や面積バランスを入れ替えながら、最も意図に合った見え方を調整することが重要である。

配色パターンA

ベースカラー
 #D9D9D9

アクセントカラー
 #FF6B6B

サブカラー
 #7FB3FF

配色パターンB

ベースカラー
 #FF6B6B

アクセントカラー
 #7FB3FF

サブカラー
 #D9D9D9

配色パターンC

ベースカラー
 #7FB3FF

アクセントカラー
 #D9D9D9

サブカラー
 #FF6B6B

やわらかい
ふんわりとして弾力性がある
トライアド

#EFB6D6
#D6EFB6
#B6D6EF

スプリットコンプリメンタリー

#F4D3A1
#A1F4F0
#A1B7F4

トーンオントーン

#FFF1D9
#F8D9A8
#EFC885

なめらか
表面に引っ掛かりがなく、つるつるしているさま
トライアド

#F6B8C4
#B8F6E3
#C4B8F6

スプリットコンプリメンタリー

#F2DCC6
#C6D4F2
#C6F2E2

トーンオントーン

#FAD6E0
#F4AFC4
#E889A8

ふんわり
柔らかくて軽そうな印象を受けるさま
トライアド

#F4E1C8
#C8F4E8
#E8C8F4

スプリットコンプリメンタリー

#FFDCE6
#DCE6FF
#E6FFD8

トーンオントーン

#DFF7EF
#B6EEDC
#89E2C7

エアリー
空気のような
風通しの良い
軽快なさま
ふんわりとした
トライアド

#A8D8EA
#F7C6D9
#CFE8C6

スプリットコンプリメンタリー

#FFE4B8
#B8E4FF
#FFB8E4

トーンオントーン

#E3F2FD
#C5E4F9
#A7D7F5

しなやか
動きやようすがなめらかで柔らかなさま
たおやかで優美なさま
トライアド

#F5D2A8
#A8F5D2
#D2A8F5

スプリットコンプリメンタリー

#F2C6A8
#A8C8F2
#A8F2CF

トーンオントーン

#E3D6F8
#C5A8F0
#A77AE8

軽やか
見るからに軽そうなさま
心が晴れ晴れするような
軽く弾むようなさま
トライアド

#A8D8EA
#F9C6D3
#CDEAC0

スプリットコンプリメンタリー

#FFD8A8
#A8FFDB
#A8B8FF

トーンオントーン

#D6F3FF
#B8E7FF
#93D6F0

柔軟
身体や物質が柔らかく、しなやかなこと
トライアド

#8FC8B8
#C8B88F
#B88FC8

スプリットコンプリメンタリー

#C2D5A8
#A8C2D5
#D5A8B8

トーンオントーン

#F2D9CF
#E5B8A8
#D39A87

繊細
物の形が細く小さいこと
ほっそりとして優美なさま
感情や感覚がこまやかなこと
トライアド

#FDEBD0
#D0FDEB
#EBD0FD

スプリットコンプリメンタリー

#FADADD
#DDFAD9
#DDDDFA

トーンオントーン

#F6E8F6
#EECFF0
#E6B8E9

マイルド
まろやかなさま
物事の程度や人の性質・態度などが穏やかなさま
トライアド

#E8C7E6
#C7E8CF
#E8DFC7

スプリットコンプリメンタリー

#C9B3A9
#A9C9C1
#A9B4C9

トーンオントーン

#EFE4D6
#DDC9AE
#BFA487

やさしい
他人に対して思いやりがあるさま
上品で美しいさま
理解や習得がしやすいさま
トライアド

#EAC7E6
#C9E5E1
#F3E3B9

スプリットコンプリメンタリー

#F6C1A6
#A6F6E1
#A6C9F6

トーンオントーン

#F0F6EC
#D9E9D0
#BBD8AC

柔和
態度や人柄が優しくて穏やかなさま
トライアド

#F1C6A8
#A8D8D0
#C6B6E8

スプリットコンプリメンタリー

#B6D1C8
#D1B6C0
#D1CBB6

トーンオントーン

#E3EEF5
#C6DCE8
#A8C9DB

穏やか
態度や気持ちなどが静かでのどかなさま
トライアド

#9FB7A4
#A8A2C2
#CBB6A2

スプリットコンプリメンタリー

#9FB4C6
#C7A5B3
#C8BFA4

トーンオントーン

#C7D6D2
#A7BDB8
#879F99

ぬくもり
あたたかみ
トライアド

#F4B8A8
#A8D6C3
#C4B3E6

スプリットコンプリメンタリー

#F4B49E
#9EC7E8
#A9D9C5

トーンオントーン

#F4E1CF
#E9C8A8
#DDB38F

安心感
危険や不安がなく、心が安らかで落ち着いている状態
トライアド

#A8C7B0
#B3A6D9
#F4C8A6

スプリットコンプリメンタリー

#A7D1C0
#F5D6B5
#E5C4EC

トーンオントーン

#E6EEF2
#BDD3DE
#7FA2B5

自然体
無理に頑張ったりせず、体や心がありのままの状態でいること
適度な緊張感を保ちつつ、無駄な力が抜けている状態
トライアド

#A8D5BA
#D5A8A8
#A8BFD5

スプリットコンプリメンタリー

#A7C9B8
#C9A7B2
#C9BFA7

トーンオントーン

#CDE4D6
#A8D5BA
#86C9A2

上品
味などが洗練されていて品質のよいさま
言動や顔つきなどに品格のあるさま
トライアド

#C9B6E4
#B6E4D2
#E4D2B6

スプリットコンプリメンタリー

#B2C7D8
#D8B2C7
#D8C7B2

トーンオントーン

#DAD0E0
#BFB3CC
#A699B8

ほのか
(光・音・香りなどが)わずかに感じられるさま
はっきりしないさま
トライアド

#FFE6CC
#CCE6FF
#E6CCFF

スプリットコンプリメンタリー

#FFF5DD
#DDFFF5
#FFE6DD

トーンオントーン

#FFE6CC
#FFF2D9
#FFF9E6

淡い
(色・味・香りなどが)薄い
(光・形などが)ぼんやりしている
トライアド

#FFE0B2
#B2FFE0
#E0B2FF

スプリットコンプリメンタリー

#FFF2B2
#B2FFF0
#B2D9FF

トーンオントーン

#F8C9D4
#F3AFC0
#E996B0

パステル
粉末状の顔料を粘着剤で固めた、チョークのような棒状の画材
パステルカラーは、純色*彩度の高い色に白を混ぜた、彩度が低く明度が高い、柔らかく淡い色調の色の総称
トライアド

#FFB3BA
#BAFFC9
#BAE1FF

スプリットコンプリメンタリー

#FFF0CC
#CCFFF0
#E0CCFF

トーンオントーン

#D1FFE4
#A1FFCC
#70FFB3

透明感
物体が澄みきって透き通っている様子
透き通るような清らかな印象
純粋で濁りのないさま
トライアド

#BDECC9
#F7C9B1
#B1BDF7

スプリットコンプリメンタリー

#C3E0E5
#F5A9A9
#F0E68C

トーンオントーン

#D9F0FF
#AEE1F7
#82D2EF