ブルーバーガンディの色合い：20選・HEXコード・AIデザイン提案

ブルーとバーガンディの組み合わせは、現代的で自信と洗練さを感じさせます―クールなブルーは構造をもたらし、バーガンディは温かさと高級感を加えます。

以下にHEXコード入りの厳選されたブルー×バーガンディ配色アイデア20選と、ブランド・ウェディング・UIでの実用的な使い方のヒントをまとめました。

なぜブルー×バーガンディの配色がうまく機能するのか

ブルー×バーガンディ配色は温度と感情のバランスが絶妙：ブルーは明快さと信頼を伝え、バーガンディは豊かさと人間味のある温かさを加えます。組み合わせることで「デザインされた印象」を与えつつ、派手すぎない落ち着きも生みます。

この組み合わせは自然な階層構造をも作り出します。ネイビーや深いブルーは安定した背景やテキスト色になり、バーガンディはCTAや見出し、印章、ハイライトの意図的なアクセントに。

ほとんどのブルー×バーガンディ配色は、柔らかなニュートラル（アイボリー、ブラッシュグレー、温かみのあるホワイト）と簡単に組み合わせ可能。ウェブや印刷・写真オーバーレイでもコントラストがきちんと読めます。

20以上のブルー×バーガンディ配色アイデア（HEXコード付き）

1）ミッドナイト・メルロー

HEX： #0b1f3a #2e4a72 #7a1b3a #c9b7c5 #f4f0f2

雰囲気： ムーディー、高級感、映画的

おすすめ用途： プレミアムブランドのアイデンティティやヒーローバナー

深夜のラウンジのベルベットの影とメルローのグラスのようなムード、映画的な高級感。ロゴやランディングページ、パッケージスリーブに使うと瞬時にプレミアムな印象を与えます。暖かいアイボリーのタイポグラフィと合わせ、アクセントは最小限にしてバーガンディが意図的に目立つようにしましょう。使用ポイント：最も暗いネイビーは背景に、ワイン色はハイコントラストの注目要素1つだけに使うのがオススメ。

media.ioで生成したミッドナイト・メルローの画像例

Media.io

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

今すぐ無料で試す

2）ハーバー・ワイン

HEX： #0e3a5b #1d6fa3 #6b0f2a #d9c6b8 #f7f3ee

雰囲気：雰囲気：海岸、洗練、自信

おすすめ用途：おすすめ用途：トラベルポスターやホテルブランド

洗練され海岸のようなイメージ―港の水面と澄んだ空に深いワインのアクセント。明るめのブルーは明確さを引き立て、バーガンディはボーテイック感を加えます。旅行ポスターやホスピタリティロゴ、案内板などコントラストが重要な場面に最適。使用ポイント：明るい砂色トーンを広範囲に使い、バーガンディはスタンプやアイコン、注目部分だけに。

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

3）ベルベット・ドック

HEX： #12263f #3f5e7a #8a2146 #e6d5dc #fdf9fb

雰囲気：雰囲気：ロマンティック、洗練、柔らかいコントラスト

おすすめ用途：おすすめ用途：ウェディング招待状やステーショナリー

ロマンチックかつ洗練された印象―クラシックなドックでベルベットリボンが花束に結ばれたようなイメージ。淡いブラッシュリラニュートラルがダークカラーの重さを紙上で和らげます。招待状やメニュー、セーブザデートなど繊細なセリフ体とシンプルなラインアートにぴったり。使用ポイント：バーガンディで名前や見出し、本文は深いブルーで読みやすく。

media.ioで生成したベルベット・ドックの画像例

4）カベルネ・コーストライン

HEX： #16324f #274c77 #5a1027 #bfa3a7 #f1ecea

雰囲気：雰囲気：クラシック、編集的、控えめ

おすすめ用途：おすすめ用途：雑誌スプレッドやルックブック

クラシックで編集的な印象―夕暮れの海岸にカベルネのニュアンス。抑え目のモーブグレーがブルーとワインの架け橋になります。ルックブックや雑誌スプレッド、ポートフォリオレイアウトで高級感のある落ち着きが欲しい時におすすめ。使用ポイント：余白を十分にとり、ミッドブルーでサブ見出しを。バーガンディは強いアクセントのみに。

media.ioで生成したカベルネ・コーストラインの画像例

5）インクとローズウッド

HEX： #071a2d #254e70 #4a0f24 #a67c86 #efe7e4

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

おすすめ用途：おすすめ用途：書籍カバーやポッドキャストアート

ドラマティックで親密な印象―インクがテクスチャ紙に染みた温かさ。濃いネイビーが奥行きを作り、ソフトモーブが配色の強さを和らげます。書籍カバーやポッドキャストアート、ストーリー重視のイベントポスターに最適。使用ポイント：さりげないグレインを加え、バーガンディのタイトル行を1本のみ大胆に使うことで階層が明確に。

media.ioで生成したインクとローズウッドの画像例

6）ストーミー・サングリア

HEX： #1a2a3a #405b73 #8b2b4a #d1c9cf #faf7f9

雰囲気：雰囲気：嵐、モダン、落ち着き

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

嵐のようで落ち着き―雨雲が都市の明かりに破れてサングリアが光るような配色。クールなスレートブルーは長文読みに適し、ベリー系のトーンはボタンに程よいエネルギーを加えます。オンボーディング画面やダッシュボード、設定ページなど、明快さを重視しつつ派手になり過ぎない場面におすすめ。使用ポイント：主要ボタンはバーガンディ、補助アクションはミッドスレートブルーで視覚競争を避けましょう。

media.ioで生成したストーミー・サングリアの画像例

7）サファイア・セラー

HEX： #0a2f66 #2f6bb2 #7d1638 #c7c0cc #f6f6f8

雰囲気：雰囲気：大胆、エネルギッシュ、テック志向

おすすめ用途：おすすめ用途：スタートアップランディングページやCTA

大胆かつテック志向―サファイアネオンがセラーの石に反射するようなイメージ。明るいブルーはリンクやUIステートを即座に明確にし、ワイン色で成熟感を添えます。スタートアップのランディングページやSaaSの価格セクション、強いCTAに活用。使用ポイント：鮮やかなブルーはアクティブ状態に、バーガンディは1つ目立つコンバージョンアクション専用に。

media.ioで生成したサファイア・セラーの画像例

8）クラシック・クラレット・ネイビー

HEX： #0d2440 #2a4365 #6f1830 #c2b0b6 #ffffff

雰囲気：雰囲気：タイムレス、フォーマル、ハイコントラスト

おすすめ用途：おすすめ用途：コーポレートプレゼン・レポート

タイムレスでフォーマル―仕立てたスーツにクラレットのポケットチーフが添えられたような配色。白ベースで鮮明さを保ちつつ、独自性も失わないので資料やデッキに最適。薄いグレーのチャートと組み合わせ、バーガンディはセクション見出しや主要指標のアクセントに。使用ポイント：同じ段落で深い色を両方使うのは避け、読みやすさを維持しましょう。

media.ioで生成したクラシック・クラレット・ネイビーの画像例

9）ミュージアム・イブニング

HEX： #1c2230 #394056 #7b203f #d8d3d6 #f2f1ef

雰囲気：雰囲気：静か、キュレート、洗練

おすすめ用途：おすすめ用途：ギャラリーイベントのフライヤー

静かで厳選された印象―閉館間際の美術館の一角。ほぼ黒のネイビーは大胆なタイポグラフィに効果的、ダスティグレーが重くならず優雅に仕上げます。ギャラリーフライヤーや文化イベント、ミニマルポスターで強い余白を活かして。使用ポイント：バーガンディは細いルールやスタンプ、日付マーカーの控え目な高級アクセントに。

media.ioを使用して生成された美術館の夜のイメージ例

10）冬のワイン畑

HEX： #102a43 #486581 #913255 #e0cbd3 #f8f5f6

雰囲気： 居心地が良く、季節感があり、エレガント

おすすめ用途： ホリデーカードやメールのヘッダー

ワイン畑の列の上に冬の空気が流れ、暖かいベリー色のスカーフがかかったような、居心地が良く季節感のある配色です。淡いブラッシュのニュートラルがパレットをやわらげ、グリーティングや季節のプロモに親しみやすさを加えます。ホリデーカード、メールヘッダー、ソーシャルグラフィックスに適しており、キラキラした陳腐さのないエレガンスを演出したいときにぴったりです。使用のコツ：ブラッシュをメインキャンバスにして、ネイビーテキストを重ねると、クリーンで読みやすい仕上がりになります。

media.ioを使用して生成された冬のワイン畑のイメージ例

11）アーバンビストロ

HEX： #0f2d3f #2d5b73 #6a1b2a #d4c8c2 #f3f1ee

雰囲気： 暖かみ、都会的、親しみやすさ

おすすめ用途： レストランのメニューやサイン

雨の街角のビストロのオーニングのような、暖かく都会的な雰囲気。ティール寄りの青が親しみやすさを感じさせ、バーガンディが食欲をそそる豊かさをプラスします。メニュー、サイン、ロイヤリティカード、シンプルな食品パッケージなど、可読性が重要な場面におすすめです。使用のコツ：メニューの本文は濃い青で、バーガンディはカテゴリーの見出しやスペシャルだけに使いましょう。

media.ioを使用して生成されたアーバンビストロのイメージ例

12）ロイヤルライブラリー

HEX： #101935 #2b4f81 #5b0b25 #b8a6ad #f0e9ec

雰囲気： 伝統、学術、高級感

おすすめ用途： 大学ブランディングや証明書

レザーバウンドの背表紙や静かな読書ランプのような、伝統と学術の雰囲気。濃いネイビーがページを引き締め、バーガンディが印章や紋章にふさわしい格式を添えます。証明書、卒業生キャンペーン、重厚感が必要な学校のブランディングに最適です。使用のコツ：さりげないエンボス加工と合わせると良く、ミッドブルーはボーダーやアイコンなどの補助要素に使うと効果的です。

media.ioを使用して生成されたロイヤルライブラリーのイメージ例

13）サンセットテイスティングルーム

HEX： #123b5a #3d7ea6 #9b2d57 #f0d6d9 #fff8f5

雰囲気： 明るい、お祝い、ロマンチック

おすすめ用途： イベント招待状やソーシャル投稿

夕日の光がテイスティングルームに差し込むような、明るくお祝いムードの配色。軽やかなブラッシュがパレットをフレッシュにし、ベリートーンが見出しやRSVPのディテールで際立ちます。イベント招待やソーシャルテンプレート、発表グラフィックに最適です。使用のコツ：背景は明るく保ち、ベリートーンを強調で使いましょう。

media.ioを使用して生成されたサンセットテイスティングルームのイメージ例

14）グラナイト＆ガーネット

HEX： #1b2f3a #6c7a89 #6d1028 #c7c2c4 #ececec

雰囲気： インダストリアル、バランス、安定感

おすすめ用途： 建築ポートフォリオ

グラナイトの階段にガーネットのディテールがあるような、工業的で堅実な雰囲気。クールなグレーが主役になり、深い色味をプロフェッショナルにまとめます。建築ポートフォリオ、提案書PDF、ケーススタディページに最適。使用のコツ：グレーを図解に使い、ガーネットで重要なラベルやセクション分けをしましょう。

media.ioを使用して生成されたグラナイト＆ガーネットのイメージ例

15）デニム＆マルベリー

HEX： #1e3a5f #4f77aa #7a2a4f #d9c7d3 #f7f2f6

雰囲気： カジュアル、クリエイティブ、親しみやすさ

おすすめ用途： ライフスタイルブログテーマ

着古したデニムにマルベリー色のリップティントをあしらったような、カジュアルでクリエイティブな雰囲気。明るいブルーが可読性と親しみやすさを保ち、バーガンディ寄りの紫が個性をプラス。ブログテーマ、クリエイターメディアキット、ソフトでモダンな雰囲気のカルーセル投稿にぴったりです。使用のコツ：淡いラベンダーの背景ブロックを引用やヒントの裏に使用し、構造を即座に生み出しましょう。

media.ioを使用して生成されたデニム＆マルベリーのイメージ例

16）ナイトオペラ

HEX： #0b1020 #1c3f5d #5f1432 #9f9aa7 #f5f3f6

雰囲気： 演劇的、ダーク、ドラマチック

おすすめ用途： 音楽ポスターやアルバムカバー

カーテンが上がる前のオペラハウスのような、演劇的でダークな印象。ほとんど黒に近いベースカラーにより、バーガンディが明るすぎず深みを持ちます。音楽ポスター、アルバムカバー、夜のイベントプロモに最適。使用のコツ：背景を深く保ち、クレジットなどの小さな文字には淡いグレーライラックを使用して白のまぶしさを避けましょう。

media.ioを使用して生成されたナイトオペラのイメージ例

17）ヴィンテージレタープレス

HEX： #21314f #355c7d #8f2d56 #e0d0c8 #f7f1ea

雰囲気： 職人風、ノスタルジック、暖かみ

おすすめ用途： コーヒーパッケージやラベル

クリーミーな紙にレタープレスインクの風合い。暖かい紙色が青やバーガンディの手作り感を持たせ、企業的でなくなります。コーヒーラベルやキャンドルボックス、小ロットパッケージ向き。使用のコツ：1面につき1色のインクを使い、クリーム色でヴィンテージの柔らかさを演出しましょう。

media.ioを使用して生成されたヴィンテージレタープレスのイメージ例

18）モダンアートガラ

HEX： #0f3554 #1f7a8c #6b0f2a #e6e1e8 #fbfbfd

雰囲気： モダン、ギャラリーチック、印象的

おすすめ用途： ガライベント招待状やチケットデザイン

彫刻作品にスポットライトが当たるような、モダンでギャラリー風の華やかさ。ティールの配色が新鮮さをプラスしつつ、洗練を損なわない。ガライベントの招待状やチケット、コンテンポラリーなイベントブランディングに使用可能。使用のコツ：形は幾何学的にし、バーガンディはVIPやプレミアムの差別化用に使いましょう。

media.ioを使用して生成されたモダンアートガラのイメージ例

19）ココアノワール

HEX： #14213d #2a4d69 #5c1a2b #a88f7d #f2e9e4

雰囲気： アーシー、居心地、上質

おすすめ用途： ブティック製品の広告

濃色のカウンタートップにココアパウダーをふりかけ、バーガンディリボンを添えたようなアーシーで高級感のある雰囲気。暖かみのあるブラウンが快適さを添え、クールなブルーもライフスタイルにフィットします。ブティック製品の広告、職人製品、暖色系フォトオーバーレイに最適。使用のコツ：主役カラーは2色だけに絞り、ココア色をサポートのニュートラルにしてレイアウトのクリーンさを保ちましょう。

media.ioを使用して生成されたココアノワールのイメージ例

20）ブロッサムナイトフォール

HEX： #0a2342 #2b6f95 #7c1f3e #f2c6d4 #fff3f7

雰囲気： フレッシュ、花、エレガント

おすすめ用途： 春のキャンペーンやボタニカルアート

雨上がりの夜空にピンクの花びらが浮かぶような、フレッシュで花々しい配色。青とバーガンディの組み合わせは春のキャンペーンに最適で、洗練を損ないません。繊細なボタニカル線画と合わせ、背景にブラッシュトーンを活用すると軽やかな印象になります。使用のコツ：バーガンディは小さな花やポイントの花びらに使い、濃いネイビーはテキストやアウトライン用に確保しましょう。

media.ioを使用して生成されたブロッサムナイトフォールのイメージ例

ブルー×バーガンディと相性の良い色は？

ソフトなニュートラル（暖かいアイボリー、オフホワイト、サンド、ブラッシュグレー等）は最も合わせやすい配色。パレットを軽やかにし、バーガンディが重くならず意図的に感じられるようにします。また、UIや印刷物の可読性も向上します。

さらに深みを出すには、チャコール、スレート、クールグレーを加えるのも効果的。これらは図表、表、補助テキストにも適しています。より新鮮なアレンジなら、ティールやダスティーピンクをアクセントにしても良いでしょう。

メタリックも有効です。控えめなゴールドやシャンパンカラーは招待状やパッケージで高級感を演出でき、シルバーはブルー基調やテック寄りのレイアウトによく合います。

実際のデザインでブルー×バーガンディ配色を活かす方法

まず役割分担を決めましょう。ブルーをメイン（背景、ナビゲーション、見出し）にし、負のスペースには明るいニュートラルを、バーガンディは強調（CTA、バッジ、重要な数値、RSVP等）に限定使用します。

コントラストを確保することが重要です。非常に濃いネイビーバックグラウンドなら本文テキストは暖かい白またはアイボリーにし、バーガンディは注目ポイントのみに。白地の場合、バーガンディは短い見出しに使い、長文には避けましょう。

ブランディングでは、バーガンディをUIや印刷物の同じ場所（ボタン、ラベル、スタンプ等）で一貫して使いましょう。これで認識度が高まり、パレットがランダムに「カラフル」になるのを防げます。

AIでブルー×バーガンディ配色画像を作成する

HEXコードが手元にあり、すぐにビジュアル化したい（ポスター、招待状、ヒーローバナー、商品モック等）場合、AI画像生成を利用すると本番前にイメージをテストできます。

形式（ポスター、UI、パッケージ）、ライティング／スタイル（スタジオ、ミニマル、編集系）、メインカラー（ネイビーバックグラウンド＋バーガンディアクセント＋ニュートラルの紙色）を記述したプロンプトを使いましょう。その後は一度に1つだけ変数を変えて調整します。

Media.ioは、ブランドに合った画像をブラウザ上ですぐに生成できるため、気軽なムードボードやキャンペーン案・クライアント向けのプレビューに最適です。

次へ： ビーチカラーパレット