ヒーリング
デザインの雰囲気は、色や質感の組み合わせで大きく変わる。
スタイルの概要
ヒーリングスタイルの意味や印象、デザイン全体に広がる雰囲気から、その特徴を読み解く。
ヒーリング*healingとは
・心と体の健康を癒すこと
・癒しと安らぎのある雰囲気を演出する
・心を落ち着かせる印象を与える
配色のバランス
ヒーリングスタイルを形づくる代表的な色と、それぞれが与える印象の関係から全体像を捉える。
#9DC183 セージグリーン
#C8A2C8 ライトラベンダー
#F5F5DC ベージュ
#A2D5C6 ウォーターグリーン
#BFD8EB ペールブルー
避けたい色
ビビッドレッド
ネオンオレンジ
エレクトリックパープル
鮮やかで強い色は、ヒーリング特有のやさしさや落ち着きを損ないやすい。そのため、安らぎや穏やかな世界観が弱く感じられることがある。
低
やさしく穏やかな印象を与える
癒しの雰囲気を演出する
中〜高
自然で安心感のある印象を与える
リラックスした雰囲気を演出する
配色と展開
配色の考え方を起点に、実際の使われ方やデザインへの広がりへとつながる。
トーン
穏やかで自然な色合いで、心を落ち着かせる癒しの雰囲気を作る。
ベースカラー
グリーン、ベージュ、ライトブルーなど自然由来の色を使用する。
サブカラー
ホワイトや淡いグレーで柔らかさを加える。
アクセントカラー
アースカラーで安心感と安定感を強調する。
素材・質感
リネンやコットン、ウッドなど自然素材を活かす。
活用シーン
・ウェルネス・健康
・美容・ナチュラルコスメ
・医療・福祉
・ライフスタイル
・旅行・宿泊
など
活用例
・Webサイト
・ランディングページ（LP）
・ECサイト
・パンフレット・案内資料
・広告・プロモーションツール
など
関連キーワード
ヒーリングに関連する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧で紹介。
同じテーマでも、連想されるイメージは人によって異なる。似た意味を持つキーワードであっても、選ぶ言葉によって微妙に異なる雰囲気や世界観を表現できる。
ぜひ、ご自身のイメージに近いキーワードを探しながら、用途やデザインに合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすることし、配色選びの参考にしてください。
フォレストヒーリング
木漏れ日 / ぬくもり / 包容力 / ひだまり
ナチュラルヒーリング
うららか / 調和 / なごみ / やすらぎ / くつろぎ
アクアヒーリング
せせらぎ / 凪 / 透明感 / 心地よい
ウィンドヒーリング
そよ風 / 深呼吸 / ゆらぎ / リラックス
スカイヒーリング
静寂 / まどろみ / 息吹
基本の配色テクニック
ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。
トライアド*triadとは、色相環上で正三角形を描く位置にある3色配色。
「トライアド」とは、音楽の三和音*3つの音が3度ずつ積み重ねられてできた和音（コード）のことに由来する名称で、変化がありながらもバランスが良く、安定感と華やかさを兼ね備えた配色となる。
スプリット・コンプリメンタリー*split complementary
分離補色とは、補色の片方を隣接色に分離した3色配色。
スプリットとは、「分割する・分離する」を意味し、補色配色よりもコントラストをやわらげつつ、配色に変化とバランスを与えられる。
トーン・オン・トーン*tone on toneとは、「トーンを重ねる」を意味し、同じ色相や隣接した色相で全体をまとめ、明度差を大きくした多色配色。
色相の印象を強調しつつ統一感を保ち、明度差によって変化をつけられるため、バランスがとりやすく穏やかな印象になる。また、明度差を活かすことで立体的な効果を演出することも可能である。
また、3色の配色は「どの色を主役にするか」「どの順で配置するか」によって印象が大きく変わる。
同じ3色でも、主役となる色を明るく見せるか、あるいは背景として引き立てるかによって、全体の雰囲気は華やかにも落ち着いた印象にも変化する。
そのため、色の配置順や面積バランスを入れ替えながら、最も意図に合った見え方を調整することが重要である。
ベースカラー
#D9D9D9
アクセントカラー
#FF6B6B
サブカラー
#7FB3FF
ベースカラー
#FF6B6B
アクセントカラー
#7FB3FF
サブカラー
#D9D9D9
ベースカラー
#7FB3FF
アクセントカラー
#D9D9D9
サブカラー
#FF6B6B
配色比率
配色の印象は、色の組み合わせだけでなく使用する面積比率によっても大きく変わる。一般的には「ベースカラー70％・アクセントカラー5％・サブカラー25％」を目安にすると、バランスの取れた配色にまとめやすい。
ここでは、視覚的に理解しやすいよう「ベースカラー70％・アクセントカラー10％・サブカラー20％」の比率を基準としている。
ベースカラー: 70%
背景や余白など、最も広い面積に使用する基本色。全体の雰囲気やトーンを決定づける。
#D9D9D9
アクセントカラー: 10%
視線を集めたい部分に使う強調色。ボタンや見出しなどに用い、デザイン全体を引き締める。
#FF6B6B
サブカラー: 20%
ベースカラーを補完し、全体の印象を整える補助色。デザインに奥行きや安定感を与える。
#7FB3FF
フォレストヒーリング
深い森に包まれるような静けさと安心感を感じさせる、自然回帰的で落ち着いたヒーリングスタイルを表現した配色。
深緑やモスグリーン、アースブラウンなどを組み合わせることで、大地に根ざした安定感と呼吸するような自然のリズムを演出する。
茂った木々の葉の間から漏れて射し込む太陽の光のこと
#6FAF8F
#F4CFC3
#AFC9E8
#88C9A1
#F3C7A8
#D7E6B5
#6FB79B
#97D0B5
#C1E6D0
人の体温や、心の寄り添うあたたかさ
#A8D5BA
#D5A8C9
#C9D5A8
#F2D7B3
#B3D7F2
#D7F2B3
#F2C6B4
#D9A58F
#B87F6A
相手の長所だけでなく、欠点も含めて受け入れる心の広さ
#5C8F87
#8F5C7A
#7A8F5C
#A6D8C8
#D8C3A6
#C3A6D8
#5C9E8F
#7FBFB1
#3F7A6D
太陽の光が差し込み、暖かくなっている場所
#A8E6CF
#FFD3B6
#FF8B94
#FCD5CE
#A5B4FC
#99F6E4
#FFF7CC
#FFEE99
#FFE066
ナチュラルヒーリング
自然そのものの心地よさや、飾らない穏やかさを感じさせる、バランスの取れたナチュラルスタイルを表現した配色。
ベージュやサンドカラー、やわらかなグリーンなどを組み合わせることで、日常に溶け込むやさしい空気感と安心感を演出する。
春の空が晴れ渡り、日が柔らかくのどかに照っているさま
心にわだかまりがなく、晴れ晴れとして心地よいさま
#9ADBCB
#F5B7C8
#C3D0F9
#D9ED92
#FFB5A7
#B5E48C
#E3FDFD
#CBF1F5
#A6E3E9
異なる要素がバランスよくまとまり、美しく整っている状態
#7FC8A9
#C87FAE
#A9C87F
#7EC8E3
#E3D27E
#D27EE3
#6BB3A5
#56988B
#427D72
心身が解きほぐれ、温かく穏やかになる状態
#B7E4C7
#FFD6A5
#A0C4FF
#D8F3DC
#FDE2E4
#CDB4DB
#D8F3DC
#B7E4C7
#95D5B2
心がゆったりと落ち着いて穏やかなさま
#9ED9CC
#D99ECF
#9EB7D9
#DBC1AC
#ACC2DB
#ACDBC1
#D9F1EA
#B0DED0
#7EC3B5
気持ちが落ち着いてゆったりするさま
#AED9E0
#E0AED3
#D3E0AE
#9ED4C8
#D49EA9
#A99ED4
#DCEFE6
#A8D5BA
#5E8F7A
アクアヒーリング
水の透明感と揺らぎを感じさせる、清らかでクリーンなヒーリングスタイルを表現した配色。
ライトブルーやターコイズ、ミストホワイトなどを組み合わせることで、澄みきった流れと心を洗うような清涼感を演出する。
浅い川がさらさらと音を立てて流れる様子、またはその水の音
#6FD8D2
#D26FD8
#D8D26F
#8EE3A1
#8EAEE3
#AEE38E
#E8FDFC
#A5ECE6
#5FD1CC
海風がやみ、波が穏やかになること
#6FA8DC
#B6E2D3
#E4C1F9
#90DBF4
#CDB4DB
#FDE2E4
#5F9EA0
#8FBFBF
#CFE8E8
物体が澄みきって透き通っている様子
透き通るような清らかな印象
純粋で濁りのないさま
#B8E0FF
#FFB8E0
#E0FFB8
#AEEFFF
#C8F7E5
#F3D1FF
#E0F7FA
#B2EBF2
#80DEEA
気持ちが良いこと
快適であること
心が安らぐこと
#A8E6CF
#FFD3B6
#FFAAA5
#CAF0F8
#ADE8F4
#FFB7B2
#F0FFF4
#CDE7BE
#9BC1BC
ウィンドヒーリング
風の流れや軽やかな気配を感じさせる、開放的でリズミカルなヒーリングスタイルを表現した配色。
ペールブルーやソフトグレー、ミントトーンなどを組み合わせることで、空気が巡るような透明感と自由な広がりを演出する。
そよそよ*風が静かに吹く様子を表すオノマトペとかすかに吹く風のこと
#D6F5E3
#FBE7C6
#CDB4DB
#A6DAD2
#DAC4A6
#A6C4DA
#EAFBF6
#C8EFE6
#A6E3D5
意識的に息を深く、ゆっくりと吸って吐く呼吸のこと
#91C9E8
#E891C9
#C9E891
#E0FBFC
#C2F9BB
#F9C2BB
#F6FFF8
#B8E1DD
#5D737E
風、波、炎など、自然界に見られる、不規則で細かな動きや変動のこと
#7FB7A3
#A37FB7
#B7A37F
#B9FBC0
#80FFDB
#FFCFD2
#6F9FA4
#8FB7BA
#B7D3D5
くつろぐさま
ゆったりした気分になるさま
#6FB1A0
#A06FB1
#B1A06F
#7EC8A3
#C87EA3
#A3C87E
#B2DDD0
#7EC8A3
#3FAF8C
スカイヒーリング
広大な空と光の広がりを感じさせる、解放感と静かな高揚感を併せ持つヒーリングスタイルを表現した配色。
スカイブルーやホワイト、淡いパープルなどを組み合わせることで、境界のない空間と心がほどけるような浮遊感を演出する。
物音ひとつなく静まり返っていること
ひっそりとして寂しいさま
#5F8F95
#955F8F
#8F955F
#6F9C97
#7C6F9C
#9C7C6F
#688883
#88A8A3
#466863
息吹
ゆらぎ
#A8D5E2
#E2CBA8
#CBA8E2
#A3D9C9
#D9A3B3
#D9C9A3
#C7E0D9
#A3C6BC
#7FACA0
呼吸
息づかい
生命の息づく気配
#7FC8A9
#F7D6BF
#A6C8FF
#D8F3DC
#B7E4C7
#FFD5D2
#C9F4EA
#8AD6C1
#4AA895