イメージから選ぶ配色パターン集

ソフト

感触や印象などが優しく、柔らかなさま
特徴
穏やかで親しみやすい雰囲気
ふんわり感や可愛らしさを強調

代表的な色
#F8C8DC　パウダーピンク
#D6EAF8　スカイミスト
#F5E6DA　ミルキーベージュ
#E6D8FF　ライトラベンダー
#DFF5E1　ペールミント
彩度
低〜中
落ち着いた印象を与える
穏やかさを演出する
明度
中〜高
軽やかで温かみのある印象を与える
ふんわり感を演出する

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

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

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

配色パターン

ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。用途に合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすることしながらご利用ください。

トライアド
色相環上で正三角形を描くように、互いに120度離れた3色を組み合わせた配色。
色同士の距離が均等なためバランスが取りやすく、安定感のある印象を与える。

スプリット・コンプリメンタリー
ある色とそのの両隣に位置する2色を組み合わせた配色。
補色配色よりも対比効果を緩和し、コントラストがありながらも調和しやすい印象を与える。

トーン・オン・トーン
同系色の中で、明度や彩度に変化をつけた配色。
色相を統一することで一体感が生まれ、上品で落ち着いた印象を与える。

共通キーワード

ソフトなイメージに共通する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧化。キーワードに合わせて色を組み合わせることで、統一感のある配色となり、テーマや雰囲気を視覚的に表現できる。

やわらかい
ふんわりとして弾力性がある

トライアド

#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