モダンペルシャブルー配色23選｜カラーパレットとHEXコード

ペルシアンブルーは鮮やかで現代的なディープブルーであり、ブランディング、UI、印刷物に自信を瞬時に加えます。やわらかいニュートラルカラーや暖かいアクセントと組み合わせることで、「プレミアム」な印象を与えつつも、時代遅れに感じさせません。

以下は、HEXコード付きで厳選された20以上のペルシアンブルーカラーパレットアイデアと、コントラストや階層、現実の様々な場面での活用方法の実践的なヒントです。

ペルシアンブルーパレットが優れている理由

ペルシアンブルーは「王室の自信」と「現代的なクリアさ」の間の“スイートスポット”に位置します。十分な鮮やかさがありつつ、深みもあるため、エネルギーと信頼感を同時に伝えられ、表現力豊かなブランドや真剣なプロダクト両方の強い軸となります。

クールでクリーンな傾向があるため、ペーパーのようなホワイト、スレートグレー、ほぼブラックと自然に組み合わさり、読みやすい階層を作れます。ゴールドやサフラン、ラスティ、アプリコットなど暖色のアクセントをひとつだけ加えると、ペルシアンブルーが人間味と先進的な印象を瞬時に引き立てます。

印刷物ではインクが豊富で触感を感じられ、画面上ではシャープで高コントラストです。この柔軟性こそ、ペルシアンブルーパレットがミニマルなUIシステムから大胆なポスターにも展開でき、個性を失わない理由です。

20以上のペルシアンブルーカラーパレットアイデア（HEXコード付き）

1）ミッドナイトセラミック

HEX： #1C39BB #0B1026 #F4F1EC #CBBBA0 #7A6F63

雰囲気： ムーディ、洗練、ミュージアムライク

おすすめ用途： 高級ブランドのアイデンティティやパッケージ

ムーディで炉で焼き上げたようなブルーがギャラリーニュートラルと出会い、洗練された美術館のような雰囲気に。深いネイビーをキャンバスに使い、ペルシアンブルーでロゴやライン、箔押し風のアクセントを施しましょう。クリーム色がプレミアム感を保ち、暖かなストーンカラーで全体の冷たさを和らげます。ヒント：コートされていない紙に印刷することでブルーがより豊かで触感豊かな印象に。

midnight ceramic の画像例（media.io生成）

Media.io

Media.ioは、ブラウザで動画・画像・音声を作成・編集できるオンラインAIスタジオです。

今すぐ無料で試す

2）コバルトメトロUI

HEX： #1C39BB #14216B #28C2FF #E8EEFF #1B1F2A

雰囲気： クリーン、テック寄り、自信に満ちた

おすすめ用途： 2D SaaSダッシュボードUIモックアップ

クリーンでテクノロジーを感じるブルーが路線図や夜の照明を思わせます。ほぼブラックでナビゲーションを構築し、ペルシアンブルーでプライマリーボタンやアクティブ状態を強調しましょう。スカイシアンはチャートやミクロなハイライトに最適で、インターフェースを邪魔しません。ヒント：最も明るいアクセントは画面ごとに一つのアクションだけに使い、明快さを保ちましょう。

cobalt metro ui の画像例（media.io生成）

3）サフランインクコントラスト

HEX： #1C39BB #FFC857 #111827 #FFF7E6 #6B7280

雰囲気： ボールド、編集的、エネルギッシュ

おすすめ用途： ポスターやイベントフライヤーデザイン

力強いインクブルーとサフランイエローの温かみがエネルギッシュで印象的な編集感を演出します。ペルシアンブルーカラーのコンビネーションは、イエローを背景ではなく、目立たせたい箇所に使うことで最大の効果を発揮。タイプはほぼブラックで可読性を保ち、やわらかなクリームで余白に開放感を。ヒント：サフランの下線付きでブルーの大きな数字を使えば一瞬で階層が明確になります。

saffron ink contrast の画像例（media.io生成）

4）グレイシャーエレクトリック

HEX： #1C39BB #76D6FF #DFF6FF #2B2D42 #B8C1EC

雰囲気： フレッシュ、エアリー、未来的

おすすめ用途： アプリのオンボーディング画面

フレッシュでエアリーなブルーが氷河の光や磨かれたガラスのように感じられます。ペルシアンブルーに氷のような色味を加えてグラデーションやカード、親しみやすいイラストに活用。チャコールはテキストの読みやすさを保ち、ラベンダーブルーが空白状態に柔らかさをもたらします。ヒント：上下に控えめなグラデーションを入れて、カラーバリエーションを増やさずとも奥行き感を。

glacier electric の画像例（media.io生成）

5）ローズクォーツナイト

HEX： #1C39BB #F3B6C0 #2A1B3D #F7F4F9 #A7A1B0

雰囲気： ロマンチック、モダン、少しドラマチック

おすすめ用途： ウェディング招待状一式

ロマンティックなブラッシュとナイトプラムのトーンで、ブルーがコーポレートではなくエレガントに表現されます。ペルシアンブルーはモノグラムや枠線に使い、ボディテキストは深いプラム色を選ぶと柔らかなコントラストに。ペーパーホワイトはピンクを洗練された印象に見せ、甘さを抑えます。ヒント：名前や日付などキーラインだけにブルーを使うと、落ち着いたプレミアム感に。

rose quartz night の画像例（media.io生成）

6）インディゴサンドストーン

HEX： #1C39BB #2E2A68 #D6C7B2 #8C7A6B #F8F3EA

雰囲気： グラウンデッド、建築的、時代を超える

おすすめ用途： インテリアペイントと装飾ムードボード

グラウンデッドなインディゴとサンドストーンのニュートラルで、古い都市や彫刻された石、影のアーチを想像させます。クリーミーな壁やサンディなテキスタイルで空間を作り、ペルシアンブルーはアクセントの家具や主役のラグで彩りを。ミュートなブラウンが自然光下でシャープすぎる印象を和らげます。ヒント：小物に2つ以上ブルーを使うと、配色が意図的に見えます。

indigo sandstone の画像例（media.io生成）

7）ネオンハーバー

HEX： #1C39BB #00E5FF #00C853 #0A0F1E #E6F7FF

雰囲気： ナイトライフ、ハイコントラスト、パンチの効いた

おすすめ用途： 音楽フェスティバルのSNS広告

ナイトハーバーの雰囲気とネオンのハイライトで、派手で現代的かつキネティックな印象を演出。背景はほぼブラックにして、タイトルの背後にペルシアンブルーを大胆に。シアンとグリーンは日付やステッカー、アイコンに鋭いアクセントとして限定。ヒント：タイポグラフィをシャープに保つならネオン要素だけに繊細なグロー効果を。

neon harbor の画像例（media.io生成）

8）ペーパーホワイトブループリント

HEX： #1C39BB #3A4A7A #FDFDFB #D9E2FF #9AA6C2

雰囲気： 穏やか、秩序ある、プロフェッショナル

おすすめ用途： ビジネスレポートとプレゼン資料

ブループリントのトーンは穏やかで信頼感があり、スキャンもしやすい。セクション見出しや重要なチャートにはペルシアンブルー、強調には淡いブルーブロックを。グレイッシュなスレートトーンでコントラストを和らげ、情報量の多いページも攻撃的に感じません。ヒント：フルパワーのブルーは階層1レベルのみに限定してスライドをすっきりと。

paperwhite blueprint の画像例（media.io生成）

9）ベリーオブザーバトリー

HEX： #1C39BB #5B2A86 #E94F9A #101828 #F6F0FF

雰囲気： コズミック、遊び心があり、クリエイティブ

おすすめ用途： アルバムカバーアートワーク

深い夜空をベースにしたコズミックベリーの色調は、遊び心と創造性を感じさせます。背景フィールドにはペルシャブルーを使い、マゼンタの要素を重ねてフォーカルポイントとエネルギーを加えましょう。バイオレットはグラデーションの移行をサポートし、意図的な仕上がりに見せます。ポイント：テキストは設置場所に応じてほぼ黒かオフホワイトを選ぶと読みやすさを維持できます。

media.ioを使って生成したベリー天文台の画像例

10）シトラス・ポーセリン

HEX： #1C39BB #FFB703 #FBF7F0 #2D2A32 #8E8D8A

雰囲気： 明るい、洗練された、モダンレトロ

おすすめ用途： カフェのメニュー＆サイネージ

陽気なシトラスと磁器のニュートラルカラーがモダンレトロな魅力をもたらします。見出しや罫線にはペルシャブルーを、価格やスペシャルには琥珀色でアクセントを。柔らかなオフホワイトで親しみやすい印象を維持し、チャコールで読みやすさも保てます。ポイント：アイコンにも琥珀色を少し使って、色の一貫性を各セクションで持たせましょう。

media.ioによるシトラス・ポーセリンの画像例

11）ストームグラス・ミニマル

HEX： #1C39BB #0F172A #94A3B8 #E2E8F0 #FFFFFF

雰囲気： ミニマル、真面目、高コントラスト

おすすめ用途： フィンテック ランディングページ

ストームドーンとクールグレーがミニマルで真剣な、現代的な印象を与えます。ページ構成はスレートとオフホワイトで整え、主要なCTAや主要指標にはペルシャブルーを活用します。高いコントラストで高いアクセシビリティを確保しつつ、うるさくなりすぎません。ポイント：重い枠線の代わりにライトグレーの細いディバイダーを使うことで、プレミアム感を保てます。

media.ioによるストームグラス・ミニマルの画像例

12）ラベンダー・カレント

HEX： #1C39BB #6C63FF #C7D2FE #FAFAFF #3B3B4F

雰囲気： ソフト、若々しい、前向き

おすすめ用途： ビューティーブランドSNSテンプレート

ソフトなラベンダーカラーがブルーを若々しく、前向きに感じさせます。ペルシャブルーをロゴのベースに使い、バイオレットや淡いペリウィンクルを背景やストーリーフレームに加えましょう。ほぼチャコール色は明るいグラデでのキャプションの可読性をキープ。ポイント：グラデーションは控えめにし、テキストの裏にソリッドブロックを置いて一貫性を保ちましょう。

media.ioによるラベンダー・カレントの画像例

13）ラスティ＆ロイヤル

HEX： #1C39BB #B7410E #F2E8D8 #2B1D0E #C9B7A3

雰囲気： 伝統的、温かみ、大胆

おすすめ用途： 手作りパッケージ＆ラベル

伝統的なラスティトーンがロイヤルブルーをより力強く、手作り感にあふれた印象にします。ペルシャブルーはラベル全体でブランドマークに最適、ラスティはバッジやスタンプディテールをサポートします。クリームの紙とダークブラウンでアース感と高級感をプラス。ポイント：ラスティは小さな塊で使い、スパイス感を出しましょう。

media.ioによるラスティ＆ロイヤルの画像例

14）シーサイド・タイルワーク

HEX： #1C39BB #1B998B #F6FAFF #A7D8FF #0E1A2B

雰囲気： さわやか、海辺、モダン

おすすめ用途： 旅行パンフレットレイアウト

さわやかな海岸の色合いは、タイルやシーグラス、明るい日差しの影を思わせます。ペルシャブルーをセクション見出しや地図ピンに、ティールはアイコンやハイライトに活用します。淡いブルーで全体を軽やかに見せ、濃いネイビーはキャプションの固定に最適です。ポイント：写真は暖色系で、配色はレイアウト要素に絞るとバランスよく仕上がります。

media.ioによるシーサイド・タイルワークの画像例

15）グラファイト・アイリス

HEX： #1C39BB #2F2F3A #7C83FD #EDEBFF #B8B8C6

雰囲気： スタイリッシュ、現代的、控えめ

おすすめ用途： 雑誌エディトリアル誌面

グラファイトとアイリスのハイライトが現代的で控えめ、ほんのり未来感も。濃いグレーは本文やグリッド、ペルシャブルーは引用やセクションマーカーにポイント使い。淡いライラックで余白を柔らかく保ちます。ポイント：アクセントカラーは1カラムごとに1色に統一を。

media.ioによるグラファイト・アイリスの画像例

16）ゴールドリーフ・リジェンシー

HEX： #1C39BB #D4AF37 #0B0F1A #F7F1E1 #6E6A5E

雰囲気： 豪華、フォーマル、儀礼的

おすすめ用途： 表彰状デザイン

豪華なリージェント配色は金箔、フォーマルな文具、深いインクを想起させます。暖かいパーチメントでレイアウトを組み、枠や印章にペルシャブルーを使います。ゴールドはメダルや小さい罫線のアクセントに活用（大きな塗りではなく）。ポイント：印刷時はスポットゴールドやメタリックインクを検討しましょう。

media.ioによるゴールドリーフ・リジェンシーの画像例

17）モッシー・オブザーバトリー

HEX： #1C39BB #2D6A4F #0B1320 #E9F5DB #A3B18A

雰囲気： ナチュラル、学究的、落ち着き

おすすめ用途： 大学パンフレット＆ステーショナリー

ナチュラルグリーンと深いブルーの組み合わせは学究的で落ち着いた自信を感じさせます。クレストや見出しにペルシャブルー、モスはチャート・サイドバー・アイコン等で。パールセージの背景は長文のページも優しく見せます。ポイント：見出しはセリフ体にしアカデミックさを強調しましょう。

media.ioによるモッシー・オブザーバトリーの画像例

18）アプリコット・ダスク

HEX： #1C39BB #FFB5A7 #FEEBD8 #2B2D42 #8D99AE

雰囲気： やわらか、親しみやすい、現代的

おすすめ用途： スタートアップ向けブランドムードボード

柔らかいアプリコットダスクトーンがブルーを親しみやすく現代的に見せます。ロゴタイプやナビにはペルシャブルー、アプリコットはタグやバッジのアクセントに。温かいクリーム色で配色をフレンドリーに、クールグレーでテキストの可読性維持。ポイント：アプリコットは丸い形で使いブランドの温かさを強調しましょう。

media.ioによるアプリコット・ダスクの画像例

19）アークティック・シグナル

HEX： #1C39BB #00B4D8 #CAF0F8 #03045E #F8FBFF

雰囲気： シャープ、スポーティー、ハイエナジー

おすすめ用途： スポーツチームプロモバナー

シャープな北極ブルーがスポーティーでエネルギッシュ、氷上のスタジアムライトのようなイメージに。ペルシャブルー配色で最も濃いネイビーは深みを、シアンは動きのあるラインに適しています。薄い色は背景やタイポグラフィ裏のテクスチャにも最適。ポイント：ダークブルーに白字を載せる場合は字間をやや広げると読みやすくなります。

media.ioによるアークティック・シグナルの画像例

20）クレイ・インク・ジャーナル

HEX： #1C39BB #7F5539 #EDE0D4 #2A2A2A #B08968

雰囲気： 手作り感、あたたかみ、思慮深さ

おすすめ用途： ブックカバーデザイン

クラフト感のあるクレイトーンとインキ―ブルーで思慮深くハンドメイドな印象に。タイトルブロックや背表紙にペルシャブルー、ブラウンやクリームで紙の素材感を演出します。ダークグレーは黒ほど強すぎず文字をはっきりと。ポイント：クリーム部分にさりげないグレインテクスチャを加えることでクラフト感UP。

media.ioによるクレイ・インク・ジャーナルの画像例

21）パール＆ウルトラマリン

HEX： #1C39BB #2D2E83 #F9FAFB #D1D5DB #9CA3AF

雰囲気： クラシック、クリーン、多用途

おすすめ用途： 企業Webサイト刷新

パールホワイトとウルトラマリンのトーンはクラシックで清潔感があり、日常のデザインワークに最適です。ペルシャブルーはリンクや主要UIコンポーネントに、グレーは構造と細かな区切りに使います。濃いブルーはホバーステートや奥行きにも。ポイント：グレー背景はやや暖かめにして、ブルーがデジタルでも冷たい印象になりすぎないよう調整しましょう。

media.ioによるパール＆ウルトラマリンの画像例

22）ベルベット・シアター

HEX： #1C39BB #8B1E3F #140A1A #F5E9F0 #6D6875

雰囲気： ドラマチック、親密、上質

おすすめ用途： 劇場イベント招待状

ドラマチックなベルベットレッドと深い影がブルーに親密さと上質さを与えます。このペルシャブルーパレットはブルーでレイアウトを縁取り、ワインカラーは見出しのハイライトに最適。淡いブラッシュで招待状の可読性を保ち、カーテンコールのムードを演出。ポイント：細い線としっかりスペーシングをとり、暗色でも重くならずエレガントに。

media.ioによるベルベット・シアターの画像例

23）サンリット・デルフト

HEX： #1C39BB #4EA8DE #F8F7F3 #F6BD60 #22333B

雰囲気： 太陽のように明るい、手仕事感、トラベルインスパイア

おすすめ用途： 陶磁器製品広告

日差しを浴びたデルフトブルーのトーンは、職人技と旅のインスピレーションを感じさせ、明るいショップウィンドウに並ぶ絵付け陶器のようです。パターン要素にはペルシャブルーとスカイブルーを使用し、ハニー色のアクセントが全体を温かくまとめます。やわらかなオフホワイトは、製品を清潔で高級感ある印象に仕上げます。ポイント：温かみのあるアクセントは10％以下に抑え、ブルーが主役になるようにしましょう。

media.ioで生成された日差しを浴びたデルフトの画像例

ペルシアンブルーと相性の良い色は？

ペルシャブルーは、清潔でモダンな印象を望む場合、パリッとしたホワイト、やわらかなクリーム色、クールなグレーと美しく調和します。これらのニュートラルカラーがブルーを鮮やかに保ちつつ、タイポグラフィやレイアウトの余白をたっぷり作ってくれます。

よりリッチで高級感のある組み合わせにしたい場合は、ゴールド、サフラン、ラスティ、暖かいサンドトーンと合わせるのがおすすめ。暖色のアクセントがペルシャブルーのクールさを引き立て、一瞬でコントラストが生まれるので、バッジやハイライト、CTAに最適です。

より表現力豊かでクリエイティブな方向性を求めるなら、ペルシャブルーはピンク、マゼンタ、バイオレット、ティールとも好相性です。アクセントは1色を主役にし、それ以外はサポート役として使い分けることで、パレットの意図を明確に保ちましょう。

実際のデザインでペルシアンブルーカラーパレットを使う方法

ペルシャブルーを基調色として使いましょう。主なボタン、重要な見出し、アクティブなナビゲーション表示やブランドマークに最適です。そのうえで、ニュートラルカラーをデザインの「配管部分」—背景、区切り線、本文—に割り当て、読みやすさを常に保ちます。

コントラストとアクセシビリティのため、彩度の高いペルシャブルーのテキストを彩度の高いアクセント背景の上に配置するのは避けましょう。明るいアクセントは小さな図形、アイコン、ラベルや下線に使い、長文テキストはほぼ黒やチャコールで表示するのが良いです。

印刷の場合、可能であればプルーフを試しましょう。濃いブルーは紙やコーティングによって色味が変化することがあります。クリーム色やオフホワイト系の用紙は、ペルシャブルーをより触感的で高級感あるものに見せてくれます。

AIを使ってペルシアンブルーパレットのビジュアルを作成

ムードボードや広告コンセプト、UIモックアップを作成する場合は、素早くビジュアルを生成して、制作前にパレットを検証できるので便利です。AIを活用すれば、照明や素材、構図を繰り返し調整しながら、HEXカラーの方向性を一定に保てます。

まず一つのパレットを決めて、デザインのシーン（パッケージ、ダッシュボード、ポスター、招待状など）を説明し、アクセントカラーの見せ方をプロンプトで調整しましょう。少しのプロンプト変更で、バランスや階層構造がすぐに向上します。

Media.ioを活用すれば、こうしたパレットプロンプトを美しいサンプルに変換し、クライアントやチームメンバーと手軽に共有できます。

次へ： ブルーサーモンカラー パレット