PR

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

リゾート

デザインの雰囲気は、色や質感の組み合わせで大きく変わる。

スタイルの概要

リゾートスタイルの意味や印象、デザイン全体に広がる雰囲気から、その特徴を読み解く。

定義

リゾート*resortとは
・人が休暇や余暇を過ごし、心身をリフレッシュするための保養地や滞在型施設
・ホテルやビーチ、スパなどを備え、非日常の時間を楽しめる場所

特徴

・開放的でリラックスした雰囲気を演出する
・非日常で心地よい印象を与える

配色のバランス

リゾートスタイルを形づくる代表的な色と、それぞれが与える印象の関係から全体像を捉える。

代表色

#0077BE オーシャンブルー
#FFD700 ゴールデンイエロー
#FF69B4  ホットピンク
#D2B48C タン
#FFFFFF ホワイト

避けたい色

 チャコールグレー
 ダークブラウン
 オリーブドラブ

重厚感のある暗い色を多用すると、リゾートらしい開放感や爽やかさが弱まり、重く閉鎖的な印象になりやすい。

彩度

開放的でリラックスした印象を与える
自然で心地よい雰囲気を演出する

明度

明るく爽やかな印象を与える
軽やかな雰囲気を演出する

配色と展開

配色の考え方を起点に、実際の使われ方やデザインへの広がりへとつながる。

配色のコツ

トーン
開放感のある明るい色合いで、リラックスした雰囲気を演出する。

ベースカラー
ホワイト、ターコイズ、サンドベージュなど自然色を使用する。

サブカラー
ライトブルーやグリーンで清涼感を加える。

アクセントカラー
コーラルやイエローで南国の華やかさを表現する。

素材・質感
リネンやコットンなど軽く通気性のある素材を使用する。

活用イメージ

活用シーン
・旅行・観光
・ホテル・宿泊施設
・レジャー・アクティビティ
・スパ・ウェルネス
・飲食・カフェ
など

活用例
・Webサイト
・ランディングページ(LP)
・パンフレット・カタログ
・広告・プロモーションツール
・SNS・デジタルコンテンツ
など

関連キーワード

リゾートに関連する「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

配色比率

配色の印象は、色の組み合わせだけでなく使用する面積比率によっても大きく変わる。一般的には「ベースカラー70%・アクセントカラー5%・サブカラー25%」を目安にすると、バランスの取れた配色にまとめやすい。

ここでは、視覚的に理解しやすいよう「ベースカラー70%・アクセントカラー10%・サブカラー20%」の比率を基準としている。

配色比率

ベースカラー: 70%
 背景や余白など、最も広い面積に使用する基本色。全体の雰囲気やトーンを決定づける。
 #D9D9D9

アクセントカラー: 10%
視線を集めたい部分に使う強調色。ボタンや見出しなどに用い、デザイン全体を引き締める。
 #FF6B6B

サブカラー: 20%
ベースカラーを補完し、全体の印象を整える補助色。デザインに奥行きや安定感を与える。
 #7FB3FF

デザイン配色の基本|70:25:5の黄金ルール
デザイン配色の基本となる「70:25:5」の黄金ルールを解説。ベースカラー・メインカラー・アクセントカラーの役割や、バランスよく美しく見せる配色のコツを紹介します。

トロピカルリゾート

南国の太陽や豊かな自然を感じさせる、明るく開放的なトロピカルリゾートスタイルを表現した配色。

鮮やかなオレンジやターコイズ、リーフグリーンなどを組み合わせることで、陽気で爽やかなリゾートの雰囲気を演出する。

トロピカル

熱帯また熱帯的であるさま

トライアド

#FF6B6B
#4ECDC4
#FFE66D

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

#FFBE0B
#219EBC
#8338EC

トーンオントーン

#FF5400
#FF7F51
#FFD6C0

常夏

一年中が夏のような気候であること

トライアド

#FF6B6B
#6BFF6B
#6B6BFF

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

#FFD700
#00FFD7
#D700FF

トーンオントーン

#FFB3B3
#FF7F7F
#FF4C4C

ハイビスカス

アオイ科フヨウ属の熱帯性植物
大きく鮮やかな花を咲かせ、南国やリゾートを象徴する花

トライアド

#F94144
#43AA8B
#577590

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

#FF4D6D
#00B4D8
#90BE6D

トーンオントーン

#FFD6DE
#FF8FA3
#E63946

アイランドリゾート

青い海と白い砂浜を思わせる、穏やかで心地よいアイランドリゾートスタイルを表現した配色。

海をイメージしたブルーやサンドベージュ、爽やかなホワイトなどを組み合わせることで、癒やしと開放感のある雰囲気を演出する。

地球上で陸地を囲む広大な塩水域
波や潮の満ち引きがある水域
豊かな自然や開放感を象徴する存在

トライアド

#0096C7
#F77F00
#7B2CBF

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

#0077B6
#FFD166
#06D6A0

トーンオントーン

#CAF0F8
#48CAE4
#0077B6

開放感

視界や空間が広く、のびのびとした気分になること
窮屈さがなく、自由で心地よい雰囲気

トライアド

#4CC9F0
#F9C74F
#90BE6D

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

#48CAE4
#F77F00
#577590

トーンオントーン

#EAF8FF
#BDEBFF
#74C7EC

バカンス

仕事や日常を離れて過ごす長期の休暇
保養や旅行を楽しむための休日

トライアド

#FFB703
#219EBC
#FB8500

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

#FF9F1C
#2EC4B6
#E63946

トーンオントーン

#FFF3BF
#FFD166
#F77F00

サンセットリゾート

夕日に染まる海辺の景色を感じさせる、温もりとロマンチックさに満ちたサンセットリゾートスタイルを表現した配色。

夕焼けを思わせるオレンジやコーラル、深みのあるパープルやネイビーなどを組み合わせることで、幻想的で落ち着いた雰囲気を演出する。

夕焼け

日没のころに西方の空が赤みがかって見える現象

トライアド

#FF6B6B
#FFD93D
#4D96FF

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

#FF7B54
#3D5A80
#98C1D9

トーンオントーン

#F94144
#F3722C
#F9C74F

サンセット

日没
夕暮れ
夕焼け
日の入り

トライアド

#FF6B6B
#4ECDC4
#556270

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

#FF9671
#00B8A9
#845EC2

トーンオントーン

#FFB5A7
#FF8A80
#FF5252

黄昏

日が暮れゆく、夕暮れ時
辺りが薄暗くなる、夕方の時間帯

トライアド

#F6AE2D
#33658A
#55DDE0

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

#FF6F59
#3A86FF
#8338EC

トーンオントーン

#FFD6A5
#E5989B
#B56576

夕凪

夕方、風がやんで海や湖の水面が穏やかになること
波が静まり、静寂と落ち着いた雰囲気に包まれる時間帯

トライアド

#FF8A5B
#5BC0EB
#8E6CFF

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

#F4A261
#8EC5FC
#84A98C

トーンオントーン

#FFE2D1
#FFB38A
#FF7F50

エキゾチックリゾート

異国の文化や伝統を感じさせる、異国の文化や自然が調和した、神秘的で華やかなエキゾチックリゾートスタイルを表現した配色。

鮮やかなレッドやターコイズ、深みのあるグリーンやゴールドなどを組み合わせることで、個性と異国情緒あふれる雰囲気を演出する。

異国情緒

自国に見られない、外国の風物がつくり出す雰囲気や趣*おもむき
/ 物事や場所が持つ、独特の風情や味わい深い雰囲気

トライアド

#FF6B35
#2EC4B6
#6A4C93

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

#E63946
#1D3557
#A8DADC

トーンオントーン

#E8F5E9
#81C784
#2E7D32

エキゾチック

異国の情緒や雰囲気のあるさま

トライアド

#00A896
#F0A202
#9B5DE5

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

#FF1A75
#AA66CC
#33CCFF

トーンオントーン

#CDB4DB
#B5838D
#9D4EDD

オリエンタル

東洋的
東洋風

トライアド

#C1121F
#003049
#F77F00

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

#FF9F1C
#2EC4B6
#5E60CE

トーンオントーン

#005F73
#0A9396
#94D2BD

バザール

中東や中央アジアに見られる伝統的な商業区域のこと
屋根がある狭い通りの両側に、小さな商店や工房が密集している市場

トライアド

#FF6F61
#61FF6F
#6F61FF

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

#FB8500
#3A86FF
#FF006E

トーンオントーン

#C97C5D
#A65A3A
#6D3B1E

スパイス

香辛料・香味料・薬味
日常を鮮やかに彩るための適度な刺激

トライアド

#C1440E
#0EC1C1
#C10E9E

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

#F94144
#577590
#F9C74F

トーンオントーン

#E65C00
#B34700
#803200

オアシスリゾート

砂漠の中に広がるオアシスを思わせる、力強さと静けさが調和したオアシスリゾートスタイルを表現した配色。

サンドベージュやアースカラー、涼しげなブルーやグリーンなどを組み合わせることで、自然の生命力と安らぎを感じる雰囲気を演出する。

灼熱

金属などを焼いて熱くすること
焼けて熱くなること
焼けつくように熱いさま

トライアド

#FF7A00
#007AFF
#7AFF00

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

#FF2F00
#00FFC8
#004CFF

トーンオントーン

#FF3B00
#FF7A33
#FFC4A3

陽炎

地面から立ちのぼる熱気によって空気が乱れ、景色がゆらゆらと揺れて見える現象

トライアド

#FF8F6D
#6DFFB7
#6D9EFF

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

#FFD57D
#7D9EFF
#FF7DC8

トーンオントーン

#FFE5CC
#FFCC99
#FFB266

オアシス

砂漠の中で地下水が湧き、水や植物が存在する場所
旅人や動植物に潤いと安らぎをもたらす貴重な水辺

トライアド

#00A8A8
#E9C46A
#9D4EDD

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

#2A9D8F
#F4A261
#457B9D

トーンオントーン

#D8F3DC
#74C69D
#2D6A4F

蜃気楼

大気中の温度差によって光が屈折し、遠くの景色が伸びたり反転したりして見える現象のこと

トライアド

#FAB1A0
#81ECEC
#B388FF

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

#F1C0E8
#90DBF4
#FFD6A5

トーンオントーン

#CAF0F8
#90E0EF
#48CAE4

砂丘

風によって運ばれた砂が堆積*たいせき
/ 水や風に運ばれた砂や泥が、流れや重さの力で同じ大きさに分かれて積もること
してできた丘
広大で雄大な景観が広がる自然地形

トライアド

#D4A373
#4EA8DE
#8D5FD3

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

#C89F65
#6C9BD2
#66C2A5

トーンオントーン

#F5E6CC
#E6C27A
#B08968