パシフィックブルーは、オーシャンティールとブライトシアンの間に位置し、ブランドやUI、印刷物にとって「モダンコースタル」な基軸として使いやすい色です。
下記には、HEXコード付きのパシフィックブルーの20色組み合わせ例と、実用的なペアリングノート、AIプロンプトを掲載しています。これらを使って素早くビジュアルを生成できます。
この記事の内容
パシフィックブルーが色の組み合わせで優れている理由
パシフィックブルーはクリーンで親しみやすく、現代的です。テックや金融にも十分クールですが、明るさもあり、人間らしさを感じさせます。このバランスにより、ウェブやモバイル、印刷でも信頼できる「主要アクセントカラー」として使われます。
また、ニュートラルカラーやほかの色とも好相性です。UIの場合は白やチャコールがシャープさを保ち、ピーチ、コーラル、サンドなどの暖色でコースタルな雰囲気を加えてもネオンにはなりません。
実務的な観点でも、パシフィックブルーは明確な階層構造を生み出します。CTAやリンク、重要なデータに少しだけ使えば、視線を集めつつ、読みやすさを保てます。
20+ パシフィックブルーのカラーパレットアイデア（HEXコード付き）
1) コースタルグラス
HEX: #1CA9C9 #0E6E85 #A7E8F2 #F3FBFC #0B1F2A
ムード: 風通し良く、コースタル、クリーン
対象: ウェブサイトヒーローやSaaSのランディングページ
空気感のあるコースタルな雰囲気、太陽光が澄んだ水や海のガラスを通る印象です。アイシーな色調と深いインクのアンカーが組み合わせをシャープにします。信頼や新鮮さが必要なランディングページ、フィンテック、旅行ブランドなどで活用できます。ダークティールは余白多めに。鮮やかなブルーはCTAや主要な統計に。
media.ioで生成したコースタルグラスの画像例
Media.ioはブラウザで動画・画像・音声の作成や編集ができるオンラインAIスタジオです。
2) リーフサンライズ
HEX: #1CA9C9 #FFB59A #FFE3D6 #2B2D42 #F7F7FF
ムード: 暖かく、励まし、遊び心
対象: イベントフライヤーや夏のプロモーション
暖かな朝のサンゴ礁を思わせる、やさしいピーチの光と明るい水面。ピーチ・クリームのトーンがブルーを親しみやすく、企業色を和らげます。フライヤーや季節のセール、ライフスタイル投稿にどうぞ。ネオンの強さを避けたい時に。濃紺は見出しに、ピーチは目立ちたい部分や値札に。
media.ioで生成したリーフサンライズの画像例
3) ハーバースレート
HEX: #1CA9C9 #4B5D67 #C9D6DF #1B2631 #EAEFF2
ムード: クール、プロフェッショナル、落ち着き
対象: コーポレートブランディングやレポート
クールで落ち着いた雰囲気、港のスカイラインと曇天の印象です。スレートグレーとほぼブラックのネイビーがブルーを洗練し、ビジネス向けに適します。年次レポート、B2Bブランド、ダッシュボードで読みやすさ重視の場面に好適。チャートはスレート色に、ブルーは主要データのみに使うと視覚的な乱れを防げます。
media.ioで生成したハーバースレートの画像例
4) シーフォームリネン
HEX: #1CA9C9 #7AD9D0 #E6F4F1 #F2E9E4 #7C6F64
ムード: ソフト、落ち着き、オーガニック
対象: ウェルネスブランドやスパパッケージ
柔らかく落ち着いたブルーが、温かいリネン生地に漂う海の泡を連想させます。クリーミーなニュートラルがブルーを優しくし、トープが自然な風合いを加えます。スキンケアラベル、スパメニュー、ウェルネスサイトに。マット仕上げやトープ文字、上品で控えめな見栄えに。
media.ioで生成したシーフォームリネンの画像例
5) ディープカレント
HEX: #0B3C49 #1CA9C9 #0D728A #00C2D1 #D9F6F9
ムード: ボールド、水っぽい、高コントラスト
対象: スポーツブランドやアウトドアギア
大胆で水の印象、深い水中に差し込む光のイメージです。ダークティールがパレットを引き締め、シアンのアクセントがスピード感とクリアさを出します。スポーツブランドや水着タグ、アウトドアギアで動きや強さを表現したい時に。ライトティントは背景やパネルに使うと、鮮やかなアクセントがキレイに際立ちます。
media.ioで生成したディープカレントの画像例
6) サーフクラブ
HEX: #1CA9C9 #00E0FF #FFF3B0 #FF7A59 #1F2937
ムード: 楽しい、晴れやか、エネルギッシュ
対象: ソーシャルメディアキャンペーンやポスター
明るく楽しい、サーフステッカーやビーチパラソル、塩気のある空気を思い出させます。クールなブルーと陽気な黄色、パンチの効いたコーラルでバランスが取れています。SNSキャンペーン、夏のポスターや若年層ブランドにおすすめ。ネイビーはテキスト用に、コーラルはアクセントに控え目にすると、パンチが効きつつ混乱しません。
media.ioで生成したサーフクラブの画像例
7) グレイシャーインク
HEX: #1CA9C9 #BEE9F5 #FFFFFF #2F3E46 #0A0F1C
ムード: シャープ、モダン、ミニマル
対象: モバイルアプリUIやフィンテック
シャープでモダン、氷河の明かりと濃いインクの対比です。淡いブルーとホワイトが広い余白を生み、チャコールがシャープさと可読性を保ちます。アプリUIやフィンテックのオンボーディング、データ重視の画面で階層が重要な時に。鮮やかなブルーは主要アクションだけに、補助要素はスレートに。
media.ioで生成したグレイシャーインクの画像例
8) マリーナネオン
HEX: #1CA9C9 #00FFCC #14213D #FCA311 #E5E5E5
ムード: エレクトリック、若々しい、ナイトライフ
対象: 音楽プロモのグラフィックやバナー
エレクトリックで若々しく、マリーナのライトと夜水面の反射を思わせます。ミントとアンバーが深いネイビーベースに活気を加えます。音楽プロモ、ストリーミングバナー、ナイトライフブランドに。背景はネイビーにし、アンバーは主な呼びかけだけにして、強調が競合しないようにしましょう。
media.ioで生成したマリーナネオンの画像例
9) カームスタディ
HEX: #1CA9C9 #5C677D #A5B4C3 #F8FAFC #111827
ムード: 静か、集中、学術的
対象: eラーニングプラットフォームやコースページ
静かで集中できる、涼しい朝の窓際の整理された机の雰囲気をパシフィックブルーで表現。ブルーはクリアで親しみやすく、グレーが真面目で落ち着いた印象を与えます。eラーニングやドキュメントサイト、コースのランディングページなど読む時間が長い場面に。セクション区切りには淡いグレーを使うと、重いラインなしでもページ構造が明確になります。
media.ioで生成された落ち着いた学習のイメージ例
10）ボタニカル・タイド
HEX: #1CA9C9 #2A9D8F #E9C46A #F4F1DE #264653
ムード: フレッシュ、アーシー、地中海風
対象: ボタニカルイラストとステーショナリー
フレッシュでアーシー。沿岸のハーブ、海風、太陽で温められた石をイメージさせます。ティールグリーン とゴールドのアクセントがブルーを冷たくせず自然に感じさせます。イラスト入りのステーショナリーやガーデンブランド、地中海風を演出したいカフェメニューにおすすめ。水彩テクスチャを使い、ネイビーグリーンでアウトラインを描くと手作り感が出ます。
media.ioで生成されたボタニカル・タイドのイメージ例
11）セラミック・スパ
HEX: #1CA9C9 #8BD3E6 #DCEFF5 #F5F0EA #3A506B
ムード: 心地良い、清潔、高級感
対象: 美容ランディングページとメールデザイン
心地良く清潔で、パシフィックブルーが陶器のタイルや柔らかな蒸気を彷彿とさせます。幾層にも重なるライトブルー がやさしい深みを作り、スチールネイビーでタイポグラフィがシャープに。美容メールやスパのランディングページ、ミニマルな商品紹介におすすめです。暖かいオフホワイト背景ならブルーが冷たくなりすぎません。
media.ioで生成されたセラミック・スパのイメージ例
12）ストーミー・ピア
HEX: #1CA9C9 #23395D #406E8E #8EA8C3 #F0F4F8
ムード: ムーディー、沿岸、信頼感
対象: ブランドアイデンティティとピッチ資料
ムーディーかつ信頼感があり、嵐が桟橋を通り過ぎ、スチールブルーの波が広がるイメージです。このパシフィックブルーの色組み合わせは、真面目な雰囲気を残しつつエネルギーを表現したい時に最適です。ピッチ資料やブランドアイデンティティ、信頼感が重要な商品紹介ページにおすすめ。ほぼ明るい色で統一し、ヘッダーや指標にダークブルーを使うと良いでしょう。
media.ioで生成されたストーミー・ピアのイメージ例
13）サンドバー・ミニマル
HEX: #1CA9C9 #F6F1E9 #E0D5C8 #3C3C3C #9AA5B1
ムード: ミニマル、空気感、ブティック
対象: ポートフォリオサイトとミニマルロゴ
ミニマルかつ空気感があり、淡い砂州に海色のリボンが一筋あるイメージ。クリームやベージュが全体を柔らかくし、チャコールがタイポグラフィを引き締めます。ポートフォリオ、ブティックロゴ、節度と洗練が必要な商品カタログにおすすめ。ブルーはアクセントラインやアイコン色として単体使いすると静かで高級感を保てます。
media.ioで生成されたサンドバー・ミニマルのイメージ例
14）アイランド・パーティー
HEX: #1CA9C9 #FF4D6D #FFD166 #06D6A0 #073B4C
ムード: トロピカル、鮮やか、祝祭感
対象: フェスティバルポスターとグッズグラフィック
トロピカルで祝祭感があり、島の看板が明るい太陽に照らされたような印象。パシフィックブルーの組み合わせはコントラストが強く早く読めるデザインが必要な時に輝きます。フェスティバルポスターやグッズグラフィック、大きなシェイプや遊び心ある文字のサマードロップにおすすめ。暖色のハイライトは一つだけ選び、ティールやブルーが埋もれないようにすると良いです。
media.ioで生成されたアイランド・パーティーのイメージ例
15）ヨット・ブローシャー
HEX: #1CA9C9 #0B2545 #13315C #EEF4ED #8DA9C4
ムード: ラグジュアリー、航海、洗練
対象: 旅行パンフレットと高級サービス
ラグジュアリーかつ航海感があり、磨かれたデッキ、深い水、シャープなユニフォームが連想されます。ダークブルー は高級感を演出するベースとなり、淡いグリーンホワイトが清潔な編集感を加えます。旅行パンフレット、ヨットサービスや高級ホスピタリティページにおすすめ。写真はクールトーンで、鮮やかなブルーはナビゲーションやリンクに小さく使いましょう。
media.ioで生成されたヨット・ブローシャーのイメージ例
16）クラウディ・ラグーン
HEX: #1CA9C9 #9AD7E4 #D7F1F7 #E8E1EF #4A4E69
ムード: 夢幻、柔らかく、モダン
対象: ウェディング招待状と優しいブランディング
夢幻で柔らかい雰囲気は、淡い雲とライラックが漂うラグーンのイメージです。クールなパステルでブルーが繊細になり、控えめなインディゴ がテキストの構造を補完します。ウェディング招待状、ブティックウェルネスブランド、落ち着いたSNSテンプレートにおすすめ。印刷はテクスチャ入りの用紙で、ラインアートはインディゴで描くと明快です。
media.ioで生成されたクラウディ・ラグーンのイメージ例
17）オーシャン・エディトリアル
HEX: #1CA9C9 #0F4C5C #CFE8EF #F5F7FA #1C1C1C
ムード: 編集的、シャープ、信頼感
対象: 雑誌レイアウトとルックブック
編集的でシャープ。光沢のある海の写真とシャープな黒テキストの組み合わせ。パシフィックブルーのカラーパレットは、ほぼ黒で締めて、淡い青灰紙でバランスを取ると洗練された印象になります。ルックブックや雑誌、ブランドストーリー、クリーンで現代的な声が必要な際におすすめ。アクセントは最小限に、ブルーは引用やセクションマーカー、細いルールとして登場させましょう。
media.ioで生成されたオーシャン・エディトリアルのイメージ例
18）テック・ダッシュボード
HEX: #1CA9C9 #0B1320 #1F2A44 #2DD4BF #94A3B8
ムード: スマート、未来的、データ重視
対象: ダークモードUIと分析ツール
スマートかつデータ重視。夜のコックピットに光るインジケーターの印象。深いネイビーで深みを作り、ティールと明るいブルーでインタラクティブな状態を強調します。分析ツールや開発プラットフォーム、ダークモードUIでコントラストが不可欠な場面におすすめ。グラフは主にブルーとティールで、グレーはグリッドやセカンダリラベルに限定すると良いです。
media.ioで生成されたテック・ダッシュボードのイメージ例
19）キッズ・アクアリウム
HEX: #1CA9C9 #7CFFCB #B8F2FF #FFE66D #FF9F1C
ムード: 明るく、親しみやすい、子供向け安全
対象: 子供向けアプリと教育ポスター
明るく親しみやすい、遊び心ある水槽や泡の軌跡のようなイメージ。鮮やかで親しみやすく、暖かいイエローやオレンジが即座に楽しさを加えます。子供向けアプリや教室ポスター、見やすさ重視のミュージアムサインにおすすめ。テキストはダークニュートラル、イエローはハイライトに使い画面のグレアを避けましょう。
media.ioで生成されたキッズ・アクアリウムのイメージ例
20）ナイト・スイム
HEX: #1CA9C9 #001219 #005F73 #0A9396 #E9D8A6
ムード: 神秘的、シネマティック、クール
対象: アルバムカバーと映画ポスター
神秘的でシネマティック。月明かりの水と遠くの暖かな輝きを表現します。深いブルーグリーンで雰囲気を作り、サンディなアクセントで微妙なスポットライト効果。アルバムカバーや映画ポスター、プレミアム感のあるムーディブランドキャンペーンにおすすめ。暖色アクセントは焦点にのみ使い、他はティールを重ねましょう。
media.ioで生成されたナイト・スイムのイメージ例
パシフィックブルーに合う色は？
パシフィックブルーはホワイト、オフホワイト、クールグレーなどのクリスプなニュートラルとの組み合わせでクリーンなUI感を自然に生みます。ヘッダーやアクセシブルなテキストに強い対比をつくるなら、深いネイビーやほぼ黒を加えてください。
暖かさを加えたい場合は、砂色やピーチ、コーラル、ソフトイエローを使うとブルーがライフスタイル寄りで企業的になりにくくなります。ナチュラル感を出したければティールグリーンや控えめなオリーブ、ボタニカルゴールドのアクセントがおすすめ。
ダークテーマでは、パシフィックブルーをハイライトにして、重ねたネイビーで深みを出しましょう。ミントやアクアを少しだけ加えるとインタラクティブな状態が目立ち、画面が“ネオンモード”になりすぎません。
パシフィックブルーの色組み合わせを実際のデザインで活用する方法
まず役割を割り当てます：主要色（パシフィックブルー）、ダークアンカー（ネイビーやチャコール）、明るいベース（ホワイト・アイスティント）を1つずつ。これでページや画面、マーケティング素材全体でレイアウトが一貫します。
ブランディングでは、パシフィックブルーはロゴやアイコン、リンクスタイルのアクセントに使い、殆どの面はニュートラルにしましょう。印刷ではテクスチャ（マット紙や微妙なグラデーション）を加えて、鮮やかなブルーがフラットにならずプレミアム感を維持できます。
データビジュアルやダッシュボードでは、重要なシリーズだけパシフィックブルーにして、グリッドや副ラベルは控えめグレーを。これで最重要データがすぐ目につき、雑然さを抑えられます。
AIでパシフィックブルーパレットのビジュアルを作成する
ランディングページやフライヤー、パッケージ、ダークモードダッシュボードの素早いモックアップなら、簡単なプロンプトと指定HEXカラーでイメージ生成できます。ムードやコントラストを本制作前に検証できます。
Media.ioのテキストから画像生成ツールなら、上記プロンプトを再利用（または独自レイアウトキーワードを追加）して、資料やムードボード用の一貫性あるパレット例を作成できます。
パシフィックブルーカラーパレット よくある質問
-
このパレットで「パシフィックブルー」と最も近いHEXコードは？
#1CA9C9は、このリストのほとんどのパレットでメインアンカーとして使われています。 -
パシフィックブルーはシアン寄り？それともティール寄り？
パシフィックブルーは通常シアンとティールの中間です：クリアなブルーのエネルギーを持ち、グリーンがかっているので海のようで現代的な印象です。 -
パシフィックブルーと組み合わせてUIデザインに最適なニュートラルカラーは何ですか？
白やごく淡いブルーグレーの背景と、テキストに深いネイビーやチャコールを使用すると最適です。コントラストが高くなり、パシフィックブルーを鮮明に見せることができます。 -
どのアクセントカラーがパシフィックブルーをより暖かく感じさせますか？
ピーチ、コーラル、サンド、暖かみのあるクリーム色、ソフトイエローは、温かさを加えパシフィックブルーをよりフレンドリーでライフスタイルに合った印象にします。 -
ダークモードのインターフェイスでパシフィックブルーを使えますか？
はい。背景には深いネイビーのレイヤーを使い、パシフィックブルーはプライマリアクションやアクティブ状態、主要なチャート系列に限定して使用すれば、可読性と意図が保てます。 -
パシフィックブルーのパレットが“医療的”や冷たく見えすぎるのを防ぐには？
暖かみのあるオフホワイトやベージュ・トープのタイポグラフィ、少量の暖色アクセント（アンバーやピーチなど）を加え、純白の多用は避けてください。 -
これらのパレットをテストする場合、Webや印刷でどのファイル形式で書き出せばよいですか？
WebやUI用ならPNGまたはSVG、印刷用下書きならデザインツールから適切なカラープロファイルでPDFを書き出し、ブルー系が紙でどう変化するかクイックプルーフで確認しましょう。
