プルシアンブルーは、深みのあるインクのようなクラシックカラーで、現代的なデザインに信頼感、落ち着き、構造性を瞬時に与えます。一般的なネイビーよりも洗練された印象を与えつつ、親しみやすく様々な業界で使いやすい色です。
以下に、20種類のプルシアンブルーカラーパレット（HEXコード付き）と、実用的な組み合わせガイド、またAIでビジュアルを生成できるプロンプト例を紹介します。
この記事の内容
プルシアンブルーのパレットが優れている理由
プルシアンブルーは絶妙な位置づけの色です。十分に暗く安定感と高級感を感じさせますが、純粋な黒ほどフラットでも強すぎる印象もありません。そのため、階層やフォーカスが重要なUI、ブランディング、エディトリアルレイアウトに理想的です。
冷たい深みがありつつ、白・グレー・シルバーのようなクリアなニュートラルカラーや、ゴールド・オーカー・テラコッタといった温かみあるアクセントともすっきり合います。ベースを変えずに、モダンなミニマルやクラシックな伝統的印象にも寄せられます。
実用性も抜群で、プルシアンブルーは高コントラストなタイポグラフィをサポートし、力強いナビゲーションやCTA状態を作り、大きな背景でも長時間快適に見続けられます。
20以上のプルシアンブルーカラーパレット（HEXコード付き）
1）ミッドナイトハーバー
HEX： #003153 #0b1f3a #1f4e79 #8fa6b8 #f2efe9
雰囲気： ムーディー、海洋的、洗練
おすすめ用途： ファイナンスダッシュボードUI
ムーディーな港のトーンは、桟橋の明かりの下の水面のように深く、落ち着きと集中力を与えます。階層が大切で長時間快適に眺めたいダッシュボードにおすすめです。ダークブルーを柔らかなスレートや暖かいオフホワイトと組み合わせれば、テーブルやグラフも読みやすくなります。コツ：ライトクリームは重要なKPIやアラートに限定使用し、インターフェースがぼやけるのを防ぎましょう。
media.ioで生成されたミッドナイトハーバーの画像例
Media.ioはブラウザ上で動画・画像・音声を作成＆編集できるオンラインAIスタジオです。
2）ミュージアムゴールド
HEX： #003153 #1a2b49 #c2a15a #f5f1e6 #2b2b2b
雰囲気： クラシック、キュレートされた、プレミアム
おすすめ用途： ラグジュアリーブランドのアイデンティティ
クラシックで厳選された印象で、ギャラリーの壁や金箔フレーム、静かな自信を呼び起こします。伝統を感じさせつつ古臭くならないラグジュアリーロゴやステーショナリーに最適なプルシアンブルーパレットです。ゴールドはオフホワイトと組み合わせて空間を作り、タイポグラフィや繊細なラインにはチャコールを使用。コツ：プレミアムな雰囲気を保つため、ゴールドは箔押しやミクロアクセントなどピンポイントで使いましょう。
media.ioで生成されたミュージアムゴールドの画像例
3）フロステッドスチール
HEX： #003153 #244b63 #5f7d8c #cfd8dc #ffffff
雰囲気： クール、クリア、テクニカル
おすすめ用途： SaaSランディングページ
クールでクリアなトーンは、ブラッシュドメタルや冬の空気を感じさせる色合い。信頼感と明快さが必要なSaaSサイトに特に最適です。ディープブルーはスチールブルーのグラデーションや十分なホワイトスペースと組み合わせ、クリーンかつ拡張性の高いシステムを形成。コツ：一番濃いカラーは見出しや主ボタンのアンカーに使いましょう。
media.ioで生成されたフロステッドスチールの画像例
4）ボタニカルインク
HEX： #003153 #0e4d45 #2f6f55 #a7c4a0 #f4f0e8
雰囲気： アース感、落ち着き、ボタニカル
おすすめ用途： ナチュラルスキンケアパッケージ
アーシーなインクブルーとリーフグリーンが薬局のラベルや温室の落ち着きを想起させます。洗練されたイメージを保ちつつ、クリーンな成分を伝えたいスキンケアパッケージに最適。クリームベースに淡いグリーンでパネルや原材料リストをまとめ、ブランドマークにはディープブルーを使用。コツ：仕上げはマットで、繊細なテクスチャーを加えるとオーガニックな雰囲気が増します。
media.ioで生成されたボタニカルインクの画像例
5）サンセットオーカー
HEX： #003153 #5a3d2b #c26a3d #f2c57c #f7f0e0
雰囲気： あたたかい、ラスティック、ウェルカム
おすすめ用途： レストランメニューデザイン
深いブルーと夕焼けのオーカー色を組み合わせると、居心地の良いダイニングルームでのキャンドルの灯りのような雰囲気に。クラフト感や温かみ、親しみやすさを演出したいメニューに最適です。見出しはブルー、セクション区切りはオーカー、本文は淡いクリームで可読性高く。コツ：本文の色は濃いブラウンにして強いコントラストを避けつつ読みやすさを保ちましょう。
media.ioで生成されたサンセットオーカーの画像例
6）ネオンサイン
HEX： #003153 #101820 #00b3ff #00e676 #f7ff00
雰囲気： エネルギッシュ、未来的、ボールド
おすすめ用途： ゲームポスター
ミッドナイトなベースに電気的なハイライトを重ねることで、アーケードの光やスピード感のあるプレイを演出します。深みを失わずにインパクトが欲しいゲーム系クリエイティブにぴったり。UIライクな要素にはシアン＆ネオングリーンを、イエローはCTAなど特定のアクセントに。コツ：ダークエリアを広くとり、明るい色が意図的かつうるさく感じないようにしましょう。
media.ioで生成されたネオンサインの画像例
7）ベルベットプラム
HEX： #003153 #2a1b3d #5c2a5f #d9a0b3 #f6e8e3
雰囲気： ロマンチック、ラグジュアリー、ドラマチック
おすすめ用途： 夜のイベント招待状
ロマンチックでラグジュアリー、ベルベットカーテンや深夜のカクテルを連想させます。プルシアンブルーとプラムの組み合わせは、ドラマチックな招待状やRSVPカードに最適。淡いピンクで柔らかさを出し、ライトクリームは余白や細かい文字に使いましょう。コツ：最も濃い色のエレガントなセリフ書体を選ぶと、ムーディーな雰囲気を保てます。
media.ioで生成されたベルベットプラムの画像例
8）コースタルサンド
HEX： #003153 #1b365d #4a6fa5 #d9c7a3 #faf6ed
雰囲気： リラックス、爽やか、コースタル
おすすめ用途： トラベルブログヘッダー
涼やかなブルーとサンディーニュートラルは、海風や日差しに焼けたボードウォークを思わせます。旅行系のヘッダーやバナーで、落ち着きと前向きな印象、そして明確な構造を与えたいときにおすすめ。背景やボタンにはサンドトーン、タイトルやナビゲーションにはディープブルーを。コツ：写真選びはクールな影と暖かいハイライトが入ったものにしましょう。
media.ioで生成されたコースタルサンドの画像例
9）コンクリートロフト
HEX： #003153 #2e3a44 #6c7a89 #b0bec5 #eceff1
雰囲気： インダストリアル、モダン、控えめ
おすすめ用途： 建築ポートフォリオサイト
控えめでインダストリアルなコンクリートや鉄骨、クリアな図面を彷彿とさせる色合い。自制しつつも高級感を演出したい建築ポートフォリオにぴったりです。濃い色合いはナビゲーションやキャプションに、淡いグレーはギャラリーを明るく軽やかに。コツ：適度な余白を意識し、クールな配色でも重たくならないようにしましょう。
media.ioで生成されたコンクリートロフトの画像例
10）チェリーエンバー
HEX： #003153 #4b0f1a #a4161a #f6aa1c #f4f1de
雰囲気： ボールド、シネマチック、ハイコントラスト
おすすめ用途： 映画ナイトフライヤー
シネマチックなコントラストでベルベットシートやマルキ―ライト、深夜上映の雰囲気を感じさせます。エネルギーや明確なアクションを求めるフライヤーにおすすめ。赤を日付やチケット情報の強調色にし、深いブルーでレイアウトを安定させるのがコツ。黄色は1~2要素に限定し、スポットライト効果を出してごちゃごちゃさせないように。
media.ioで生成されたチェリーエンバーの画像例
11）アークティックオーロラ
HEX： #003153 #0d3b66 #00a6a6 #7ae582 #f0f7f4
雰囲気： フレッシュ、楽観的、エアリー
おすすめ用途： ウェルネスアプリのオンボーディング
フレッシュでエアリー、冬の澄んだ空にオーロラが流れるイメージ。安心感や穏やかな勢いを求めるウェルネスオンボーディングスクリーンに最適。ティールやミントで進捗インジケーターを組み合わせ、深いブルーで主要アクションやラベルを保つのがコツ。ティールとミント間の柔らかなグラデーションで遷移を滑らかに。
media.ioで生成されたアークティックオーロラの画像例
12）ペーパー＆インク
HEX： #003153 #14213d #e5e5e5 #fca311 #000000
雰囲気： エディトリアル、パンチー、モダン
おすすめ用途： 雑誌レイアウト
エディトリアルでパンチーな雰囲気、クリーンな紙に新しいインクとアンバーが映える印象。プルシャンブルーの配色は強いタイポグラフィと鮮明なセクション分けが必要な雑誌に理想的。アンバーは引用や小バッジに使い、グレーとホワイトでコラムを軽やかに保つ。本文コピーはほぼブラックで、最深ブルーは見出し専用に。
media.ioで生成されたペーパー＆インクの画像例
13）テラコッタスタジオ
HEX： #003153 #264653 #e76f51 #f4a261 #e9c46a
雰囲気： クリエイティブ、暖かい、現代的
おすすめ用途： アーティストのポートフォリオブランディング
クリエイティブな温もりと深いブルーの構造が融合し、スタジオの棚の上の粘土やペイントされた壁のイメージ。個性を出しつつ洗練を失わないアーティストブランディングに最適。テラコッタでハイライトやボタンへ、青緑トーンで背景やヘッダーをサポート。主役アクセント色を一つ選び、他は補助色に。
media.ioで生成されたテラコッタスタジオの画像例
14）オーキッドミスト
HEX： #003153 #2c2a4a #7d5ba6 #cbb4d4 #f7f2f8
雰囲気： ソフト、夢のよう、モダンロマンティック
おすすめ用途： 美容製品広告
夢のようなパープルとインクブルー、柔らかな焦点の夕暮れやシフォン生地のようなイメージ。ロマンスとモダン・クリーンな印象が欲しい美容広告におすすめ。淡いラベンダーを背景ウォッシュに使い、プルシャンブルーの深みで商品名や主張へ。強いコントラスト要素を一つ、例えば深いボタンやバッジを加えると読みやすさ向上。
media.ioで生成されたオーキッドミストの画像例
15）レイニ―ブルバード
HEX： #003153 #1d3557 #457b9d #a8dadc #f1faee
雰囲気： フレッシュ、都市的、思索的
おすすめ用途： ニュースアプリUI
フレッシュで思索的、都会の舗道に雨が降り明るい反射のイメージ。信頼性と読みやすさが不可欠なニュースアプリにおすすめのプルシャンブルーカラーパレット。淡いアクアはタグやセカンダリ状態に、最も深い色はヘッダーやナビに。オフホワイトは記事背景にしてコントラストを一貫させ、純白は避けましょう。
media.ioで生成されたレイニ―ブルバードの画像例
16）ブラス＆レザー
HEX： #003153 #2b2118 #7a5c3e #c9a227 #f3ead7
雰囲気： ヘリテージ、男性的、クラフト
おすすめ用途： コーヒーパッケージ
ヘリテージトーンがレザー製の日記と暖かなブラスハードウェアを想起させます。クラフト感とヴィンテージな印象を求めるコーヒーパッケージにぴったり。ゴールドはシールや小アイコンに、深いブルーとエスプレッソブラウンはブランド名やロースト情報に。テクスチャは控えめにし、色のコントラストで物語を伝えましょう。
media.ioで生成されたブラス＆レザーの画像例
17）セラドンカーム
HEX： #003153 #1f3d4d #5c8a72 #b7d1c4 #f6f5ef
雰囲気： バランス、癒し、ナチュラル
おすすめ用途： スパウェブサイト
癒されバランスがとれ、スチームやユーカリ、静かなタイルの雰囲気。来訪者がリラックスし体験を信頼できるスパサイトに。セラドン背景と深いブルーのCTA、オフホワイトで長文テキストを保つのがコツ。丸みあるUI要素や細いディバイダーで落ち着いたリズムを維持。
media.ioで生成されたセラドンカームの画像例
18）シトラスノート
HEX： #003153 #1b2d5c #ffb703 #fb8500 #fefae0
雰囲気： 明るい、自信、モダン
おすすめ用途： ポッドキャストカバーアート
深いブルーベースにシトラスの鮮やかさ、クリーンなビートとエネルギーの弾ける雰囲気。サムネイルサイズでも目立つポッドキャストカバーに最適。オレンジはタイトルブロックに、黄色は小さなスパークやアイコン、エピソード番号に。太いサンセリフ体と厚い形状でコントラストを即座に認識させるのがコツ。
media.ioで生成されたシトラスノートの画像例
19）ローズスレート
HEX： #003153 #33415c #7d8597 #efc3c5 #f8f3f4
雰囲気： ソフト、成熟、現代的
おすすめ用途： ウェディングウェブサイト
ソフトスレートとローズは、現代的な封筒に押し花を挟むイメージ。プルシャンブルーの組み合わせは、伝統に偏らない洗練をウェディングページにプラス。ブラッシュはハイライトやセクション見出しに、深いブルーはナビやRSVPボタンへ。背景は淡くし、濃い色で構造とアクセシビリティを担うのがコツ。
media.ioで生成されたローズスレートの画像例
20）ギャラクシーチョーク
HEX： #003153 #0b1320 #3a506b #b8c1cc #fdfcdc
雰囲気： アカデミック、深思、モダン
おすすめ用途： オンラインコーススライド
深思とアカデミック、黒板の夜空や整然としたレクチャーノートのイメージ。装飾より明快さとリズムが大事なコーススライドに。ソフトイエローはキーテイクアウェイに、淡いグレーは図やキャプションに、最深カラーはタイトルに。各スライドのアクセント色は一つに絞り、コンテンツを主役に。
media.ioで生成されたギャラクシーチョークの画像例
プルシアンブルーと相性の良い色は？
プルシャンブルーはオフホワイト、暖かいクリーム、ライトグレー、チャコールのようなクリーンなニュートラルと簡単に組み合わせできます。これらの組み合わせでレイアウトは読みやすくなり、ブルーがヘッダーやナビゲーション、主要ボタンの構造を担えます。
高級感を出したい場合は、ミュートゴールドやブラス、カッパーなど金属系アクセントをプラス。遊び心や現代感を出したい時は、シアンやシトラスイエロー、オレンジの明るいシグナルを一点導入し、パレット全体が洗練されたままに保ちましょう。
また、セラドンやセージ、深いティール、ダスティローズなど自然寄りの色ともよく調和します。ブルーの強さを和らげ、ウェルネスやビューティー、ライフスタイル系デザインにおすすめ。
実際のデザインでプルシアンブルーカラーパレットを使う方法
プルシャンブルーを背景やヒーローブロック、ナビバー、強い見出し色など、アンカーとして使うのがコツ。長文や密度の高いUIには一つ明るいニュートラル（オフホワイト／クリーム）を選び、読みやすさを確保しましょう。
アクセント役は一つ選び一貫させましょう：CTA向けの暖かいハイライト（ゴールド／オーカー／テラコッタ）か、ステータスやセカンダリ強調のクールハイライト（ティール／シアン／ミント）。一貫性があるとデザインの意図が伝わります。
迷ったらコントラストでスケールしましょう：最深色はタイトルや主要アクションに、中間色はパネルやボーダー、明るい色はサーフェスへ。これでヒエラルキーは明確になり、余分な装飾要素も不要です。
AIでプルシアンブルーパレットのビジュアルを作成
HEXコードがすでにあるなら、レイアウトを説明してパレットで雰囲気を作り、素早くマッチするモックアップを生成可能。上記プロンプトを再利用して、ブランドボードやUI画面、パッケージやポスターでも一貫したビジュアルを作りましょう。
Media.ioを使えば、プルシャンブルーカラースキームを数分で洗練された画像にでき、アクセント（ゴールド、テラコッタ、ミント）を切り替えても深いブルー基調はそのまま。
一つのパレットから始めて、いくつかバリエーションを生成し、ブランドシステムやキャンペーンクリエイティブに最適なものを残しましょう。
プルシャンブルーカラーパレットよくある質問
-
プルシャンブルーのHEXコードは何ですか？
よく使われるプルシャンブルーHEXは#003153です。深くてクールなブルーで、UIやブランディング、エディトリアルデザインのアンカーカラーとして最適です。 -
プルシャンブルーはネイビーとロイヤルブルー、どちらに近いですか？
プルシャンブルーはネイビーに近いですが、通常はインクっぽく少しグリーンやスティールがかった印象で、標準ネイビーより洗練され美術館のような雰囲気になります。 -
プルシャンブルーに合うアクセントカラーは？
ミュートなゴールドやオーカー、テラコッタ、アンバーは高級感あるコントラストを作り、ティールやミント、シアンはモダンでテクニカルな印象を与えます。 -
ウェブデザインの背景にプルシャンブルーは使えますか？
はい、ヒーローセクションやナビ、ダークモードサーフェスにプルシャンブルーを使い、オフホワイト／クリームカードや読みやすいテキストコントラストと組み合わせて、眼精疲労を防ぎましょう。 -
ラグジュアリーブランド向けプルシャンブルーパレットのおすすめは？
プルシャンブルー＋ミュートゴールド＋暖色オフホワイト（「ミュージアムゴールド」など）＋チャコールタイポグラフィの組み合わせがおすすめ。クラシックで高級感あるアイデンティティになります。 -
ウェルネスやスパのデザインにおすすめのプルシアンブルーのパレットは？
プルシアンブルーにセラドンやミントグリーン、そしてソフトなオフホワイト（「セラドンカーム」や「アークティックオーロラ」など）を組み合わせることで、雰囲気を落ち着かせ、空気感と信頼感を演出できます。 -
明るいアクセントがプルシアンブルーを圧倒しないようにするには？
シアンやネオングリーン、イエロー、オレンジなどの明るい色は、マイクロアクセントやCTAハイライトとして控えめに使い、ダークな余白を十分に設けてパレットのバランスを保ちましょう。
次へ： ラバカラーパレット
