Blue Maroonの配色アイデア20選｜色コード付きデザイン参考

ブルーとマルーンの組み合わせは、クールな自信と温かい情熱をバランス良く調和させた洗練された配色です。色合いやコントラストによって、時代を超えたフォーマルさや、モダンでエネルギッシュな印象を演出できます。

以下に、ブランディング、UI、印刷デザイン、シーズンキャンペーンなどに使える、厳選されたブルーマルーンのカラーパレットアイデア20選（HEXコード付き）を紹介します。

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

ブルーは構造・信頼・明瞭さをもたらし、マルーンは深み・温かさ・高級感を加えます。2色のコントラストによって、騒がしくなく意図的な印象を作り出します。

この組み合わせは業界を問わず活用できます。ネイビーマルーンなら企業的で権威ある印象、明るいブルーとベリー系レッドならスポーティで若々しく、キャンペーン向けにも最適です。

どちらも暗色寄りになりやすいため、クリームやアイボリー、クールなホワイト系中立色を足すと可読性が増し、デザインが重くなりすぎません。

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

1）ミッドナイトバーガンディグロウ

HEX： #0B1D3A #1F4E79 #6E0F1A #B23A48 #F2E9E4

雰囲気： ムーディー、映画的、洗練

最適用途： 高級ブランド、ブックカバー、雑誌見出し

ムーディーなミッドナイトブルーとバーガンディのハイライトは、ベルベットのカーテンや夜の街灯のような深みをもたらします。プレミアム感のあるブランドやインパクトのある見出し、奥行きが求められるカバーアートにおすすめ。オフホワイトには余白をたっぷりとり、温かいマルーンはボタンや注記などアクセント使いに。コツ：一番暗いネイビーを主な背景色にし、中間色の混ざり合いによる濁りを防ぎましょう。

media.ioで生成したミッドナイトバーガンディグロウの画像例

Media.io

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

今すぐ無料で試す

2）ハーバーワインスレート

HEX： #102A43 #334E68 #7A1F2B #A1323A #D9E2EC

雰囲気： 落ち着き、コースタル、プロフェッショナル

最適用途： 企業向け資料、金融ダッシュボード、製品一枚もの資料

スレートブルーとハーバーナイトネイビーが安定感と信頼感を与え、ワインレッドが控えめな権威性を追加。B2Bページやレポート、情報量の多い画面で分かりやすさを重視する場面に最適。淡いグレー系ブルーを背景に、マルーンを重要指標やアラートのみに使用。コツ：グラフは主にブルー系でまとめ、マルーンは1つの特定シリーズだけに。

media.ioで生成したハーバーワインスレートの画像例

3）ベルベットシアター

HEX： #061A2D #0F3D5E #4A1020 #8A2136 #F7D7C4

雰囲気： ドラマチック、ロマンティック、ヴィンテージ

最適用途： イベントポスター、シアタープログラム、アルバムアート

ドラマチックでロマンティックなこのカラートーンは、昔の劇場プログラムやキャンドルライト、深いビロードの座席を思わせます。ポスターやカバーで濃いコントラストや懐かしい雰囲気を出したい時に。ピーチクリーム色をタイトルや日付のスポットライトに、マルーンは主役タイポグラフィ用に使用。コツ：ヴィンテージ感を高めるための紙目やグレインは、可読性を損なわない程度にさりげなく。

media.ioで生成したベルベットシアターの画像例

4）デニムメルローミニマル

HEX： #1B2A41 #3A506B #5C1A2B #8C2F39 #F5F1ED

雰囲気： 穏やか、モダン、控えめ

最適用途： ミニマルなウェブサイト、ポートフォリオ、アプリオンボーディング

クリーンなデニムブルーとメルローレッドは現代的で静か、かつ自信あふれる雰囲気。強いアクセントを加えたいけれど、派手すぎは避けたいレイアウトにぴったり。暖かいオフホワイトを背景にし、メルローは主要CTAや区切り線に。コツ：タイポグラフィは一番濃いブルーにし、柔らかく一体感のあるコントラスト維持を。

media.ioで生成したデニムメルローミニマルの画像例

5）ウィンターベリーネイビーポップ

HEX： #081F3F #2C5AA0 #7B1129 #D12C4D #F1F5FB

雰囲気： シャープ、エネルギッシュ、フェスティブ

最適用途： シーズンキャンペーン、SNS広告、スポーツ系ブランド

クリアなネイビーと鮮やかなベリーレッドは、冬の冷たい空気やウールコート、ネオンの店先のよう。バナーやプロモ、SNSクリエイティブでインパクトを出したい時に。アイスブルー系ホワイトをクッションに用い、ピンク寄りのレッドがデザインを圧倒しないよう注意。コツ：明るいレッドはレイアウトごとに一箇所（割引バッジや主ボタンなど）だけに使いましょう。

media.ioで生成したウィンターベリーネイビーポップの画像例

6）クラシックプレップストライプ

HEX： #0A2342 #1D4E89 #6A0F1D #C0A16B #FFFFFF

雰囲気： クラシック、カレッジ風、洗練

最適用途： ファッションルックブック、クラブブランディング、文房具

磨き抜かれたカレッジ感漂うこの組み合わせは、ブレザーやストライプタイ、ゴールドクレストを彷彿。タンゴールドが深い色合いを和らげ、レッドは伝統的で上品な雰囲気に。ホワイトを余白に用い、ゴールドは細いラインや印章などトリミングだけに。コツ：ゴールド面積は最小限に、高級感のポイント使いに絞りましょう。

media.ioで生成したクラシックプレップストライプの画像例

7）ブリックセラーブルー

HEX： #16213E #1F4068 #8B1E3F #D3B88C #2B2B2B

雰囲気： 素朴、落ち着き、大胆

最適用途： レストランメニュー、クラフト系ラベル、インテリアムードボード

アーシーなブルーとブリックマルーンは古い地下室やエイジドウッド、温かなランプのよう。サンディタンが全体を重くさせすぎない柔らかさも。チャコールは文字や枠線、マルーンはセクションヘッダーやスタンプに。コツ：クラフト感を強調するクラフト紙やリネン風テクスチャを追加しましょう。

media.ioで生成したブリックセラーブルーの画像例

8）ダスティインディゴローズウッド

HEX： #2A2D43 #4B5D9A #5A2230 #A26769 #E6D7CF

雰囲気： 柔らかい、大人っぽい、居心地良い

最適用途： ウェルネス系ブランド、ライフスタイルブログ、柔らかいパッケージ

柔らかいインディゴとローズウッドトーンは、編みブランケットやドライフラワー、静かな朝を連想させます。くすみモーヴが寒暖のバランスを取り、優しくコントラスト強すぎない空気感に。背景パネルには淡いベージュを、ナビゲーションや見出しはインディゴで。コツ：暖色系写真と合わせ、純黒は使わず居心地の良さをキープ。

media.ioで生成したダスティインディゴローズウッドの画像例

9）コースタルダスククランベリー

HEX： #0F2C3F #2B5F8A #7C1D2D #E07A5F #F4F1DE

雰囲気： 夕焼け、親しみ、アーティスティック

最適用途： トラベルポスター、カフェブランディング、クリエイターグッズ

海辺の夕暮れブルーにクランベリー＆コーラルのアクセントが加わり、まるで水辺を散歩するサンセットタイムのよう。ウォームクリームが親しげで読みやすく、ビビッドな差し色とも好相性。コーラルはサブのハイライト、クランベリーは主役の告知や価格表示に。コツ：グラデーションは控えめにし、ビーチ感が強くなりすぎないよう調節。

media.ioを使用して生成された海岸の夕暮れクランベリーの画像例

10) ギャラリー・ナイト・ニュートラルズ

HEX： #0B1320 #1C2541 #5B0F1B #8D99AE #EDF2F4

雰囲気： 洗練された、キュレーション、現代的

最適用途： アートポートフォリオ、建築サイト、ギャラリーフライヤー

洗練されたネイビーとオックスブラッドにクールなニュートラルを合わせることで、スポットライト下のモダンなギャラリーウォールのような印象に。グレイブルーはグリッドやキャプション、控えめなUIディバイダーに最適。ほぼ白の色は余白に、オックスブラッドは各ページで目立つ一点の要素に。ヒント：抑制のきいた雰囲気に合うように、複数ウェイト対応の同一フォントファミリーを選ぶこと。

media.ioで生成されたギャラリー・ナイト・ニュートラルズの画像例

11) ロイヤルインク・オックスブラッド

HEX： #001F54 #034078 #6B0F1A #A31621 #FEF6E4

雰囲気： 格調高い、大胆、時代を超えた

最適用途： プレミアムロゴ、証明書、非営利団体のブランディング

格式あるインクブルーとオックスブラッドレッドが時代を超えたセレモニー感を演出。マークやバッジには、企業的すぎず権威を感じさせるブルー＆マルーン配色が最適。柔らかなクリームは羊皮紙風の下地に、最も明るいレッドはシールや強調部分に。ヒント：印刷時はレッドが過度に暗くならないよう非コート紙でテストを。

media.ioで生成されたロイヤルインク・オックスブラッドの画像例

12) ソフトスモーク・サングリア

HEX： #22303C #4A6FA5 #6D1A2B #C9ADA7 #F2F2F2

雰囲気： 控えめ、親しみやすい、現代的

最適用途： ブログテーマ、サービス系ブランド、プレゼンテンプレート

控えめなブルーにサングリアとふんわりしたニュートラルを組み合わせると、柔らかな煙とブラッシュリネンのように親しみやすい印象に。くすみピンク・ベージュはマルーンを広範囲で使っても重くならず快適。スライドやサービサイト、読み物ページに最適。ヒント：カードにはブラッシュトーン、セクションタイトルにはマルーンを使い、階層を明確に。

media.ioで生成されたソフトスモーク・サングリアの画像例

13) レトロ・カレッジエイト

HEX： #0B3C5D #1D2731 #7A1020 #C8B7A6 #F4F4F4

雰囲気： レトロ、スポーティ、自信に満ちた

最適用途： チームグッズ、バッジデザイン、学校イベント

レトロスポーティな色使いは、バーシティジャケットやパッチ、使い込まれたベンチを思い起こさせる。暖かいベージュニュートラルがクラシック感を保ちつつ、印象を柔らかく。最も濃い色は縁取り、マルーンはエンブレムの塗りやテキスト強調に。ヒント：バッジにほんのりダメージ加工を加えるとヴィンテージスポーツ感がアップ。

media.ioで生成されたレトロ・カレッジエイトの画像例

14) 秋のプラムとブルースチール

HEX： #1B3B6F #415A77 #6D0F2B #B56576 #F7EDE2

雰囲気： 暖かい、ロマンチック、季節感

最適用途： 秋の結婚式招待状、ブティックラベル、ルックブック

暖かなプラムとブルースチールは、曇り空に舞う秋の花びらのよう。ブルー＆マルーンの色合わせは、柔らかさと構造を両立したいロマンチックなプロジェクトに最適。クリームは紙の下地に、プラムはタイトルに、明るめのマルーンは花柄やリボンに重ねて使用。ヒント：本文はブルースチールで統一し、優しい読みやすさをキープ。

media.ioで生成された秋のプラムとブルースチールの画像例

15) ナイトスカイ・カベルネ

HEX： #0A1128 #001F54 #7D1128 #B12A34 #D9D9D9

雰囲気： 強烈、モダン、高コントラスト

最適用途： テックブランディング、eスポーツビジュアル、ヒーローバナー

強烈な夜空のブルーとカベルネレッドが、スピード感と集中感のあるモダンなコントラストを生み出す。ライトグレーはタイポやUIクロームのニュートラルな休憩スペースに。明るいレッドはインタラクション状態（ホバー・アクティブ）で、暗めのカベルネは主要アクセントに。ヒント：グラデーション多用は控え、鋭角なエッジでテック感を演出。

media.ioで生成されたナイトスカイ・カベルネの画像例

16) ミューテッド・デニム・マルベリー

HEX： #2F3E46 #4F6D7A #6C2A3A #B5838D #F8F9FA

雰囲気： やわらかい、バランスが良い、日常的

最適用途： ホームデコショップ、ニュースレター、ライフスタイルパッケージ

バランスのとれたデニムトーンにマルベリーとくすみローズを合わせると、毎日着られる重ね着のような親しみやすい雰囲気に。優しいローズが温もりをプラスしつつピンクになりすぎない。主な背景はほぼ白で、見出しや小さなアイコンはマルベリー担当に。ヒント：艶出しよりもマット仕上げ＆ソフトシャドウと組み合わせて。

media.ioで生成されたミューテッド・デニム・マルベリーの画像例

17) モダンSaaSダークモード

HEX： #0D1B2A #1B263B #7B1020 #415A77 #E0E1DD

雰囲気： 洗練、テクニカル、自信

最適用途： ダークモードアプリ、管理パネル、開発者ツール

洗練されたダークブルーに精密なマルーンアクセントは、集中した夜のワークスペースの雰囲気。ライトグリーングレーが白のまぶしさを抑えつつ可読性を維持。マルーンは破壊的操作や警告、注目のKPIに限定して使用。ヒント：明るいディバイダーの代わりに余白＆細いボーダーでパネルを区切るとよい。

media.ioで生成されたモダンSaaSダークモードの画像例

18) ウェディング・イブニング・エレガンス

HEX： #112A46 #2F6690 #6F1D2B #C9B37E #FFF8F0

雰囲気： 上品、祝祭的、ロマンチック

最適用途： 結婚式サイネージ、RSVPカード、披露宴メニュー

上品なイブニングブルーとマルーン＆シャンパンゴールドは、キャンドルの灯るディナーやフォーマルな服装を想起させる。暖かいアイボリーが親しみやすさと高級感を両立。ゴールドは縁やモノグラムの細いアクセントに、マルーンは名前やテーブル番号用に。ヒント：金属感の加工は箔かインクどちらか1つに絞り、雑然としないよう注意。

media.ioで生成されたウェディング・イブニング・エレガンスの画像例

19) アルチザン・コーヒーハウス

HEX： #1F2A44 #3C4F76 #5A1A2B #A78A7F #EFE6DD

雰囲気： 暖かい、クラフト感、親しみやすい

最適用途： コーヒーパッケージ、カフェメニュー、ポイントカード

暖かく手作り感のある色合いはエスプレッソクレマやビンテージマグ、手書きラベルを連想させる。トープブラウンがコントラストを和らげ、マルーンに土の温もりを加える。クリームはラベルベース、深いブルーはブランドロゴやスタンプに。ヒント：手触りのある紙とシンプルなアイコンで本格クラフト感を強調しよう。

media.ioで生成されたアルチザン・コーヒーハウスの画像例

20) ネオンアクセント・テック

HEX： #0B1320 #0057FF #7A1020 #FF4D6D #F3F6FF

雰囲気： 大胆、未来的、遊び心

最適用途： スタートアップ広告、アプリプロモ、配信オーバーレイ

大胆なエレクトリックブルーとネオンローズがほぼ黒地に映えて、未来的でやや反抗的なムードに。明るいアクセントはプロモや機能追加告知、エネルギッシュなヒーローセクションに最適。淡いアイスカラーはテキストパネル向け、ネオンはハイライト用途のみに絞ってプレミア感を保とう。ヒント：見出しを大きくシェイプはシンプルにし、高彩度の色が騒がしくならないよう配慮。

media.ioで生成されたネオンアクセント・テックの画像例

ブルーマルーンと相性の良い色は？

ニュートラルカラーは最も使いやすい橋渡し色。アイボリーや暖かいオフホワイト、ライトグレーはブルー＆マルーン配色の可読性を高め、余白を生みます。より現代的な印象にはクールなグレーブルーやスレート色がおすすめ。

ゴールド・シャンパン・タンのような金属調アクセントは伝統的な雰囲気を加え、特にネイビーや深いマルーンと好相性。もっと活気が欲しければ、鮮やかなブルーとベリー系やローズ系を組み合わせ、背景はほぼ白に。

UIで補色が必要なら純黒よりチャコールやほぼ黒のほうが自然。ダークネイビーに対しては柔らかいクリーム地を使えば白のギラつきも避けやすい。

実際のデザインでブルーマルーンパレットを使うコツ

ブランディングでは、ブルーを「システム」層（ロゴベースやナビ、タイポグラフィ）に、マルーンを「シグナル」層（CTA・ハイライト・バッジ）に割り当てるとパレットが一貫し赤系が主張しすぎない。

UIデザインでは、ライトなニュートラルを面に、ブルーを構造用（タブ・ヘッダー・チャートなど）、マルーンは1画面につき1か所のキーハイライト（アラート・主要指標・プライマリボタン）だけ使うと、洗練されたプロフェッショナルな印象にまとめられる。

印刷の場合、実際の用紙でダークブルーやマルーンを必ず試し刷りし、非コート紙では濃さが増しやすい点に注意。クリーム地にたっぷり余白を設けると一気に視認性が改善。

AIでブルーマルーンパレットビジュアルを作成

ポスターやLP、パッケージ、招待状などでブルー＆マルーン配色の雰囲気を確認したい場合は、スウォッチよりも簡易モック画像をすばやく作るほうが判断が速いです。

Media.ioのテキスト→画像ツールなら、プロンプトを貼り付けてレイアウト種類を指定し、パレットバランス（ネイビーvsマルーンvs余白）の最適化を納得いくまで繰り返せます。

次へ： アンティークホワイトのカラーパレット