ゴールドとダークブルーは時代を超えた高コントラストの組み合わせで、高級感を即座に印象づけます。権威（ネイビー）と温かさや名声（ゴールド）を融合させており、ブランディング、イベント、洗練されたインターフェイスによく使われます。
以下に、HEXコード付きの厳選されたゴールド×ダークブルーのカラーパレット20選と、コントラストやアクセント、ウェブ・印刷・インテリアでの実践的な使い方のヒントを紹介します。
この記事で紹介する内容
ゴールドとダークブルーのパレットが優れている理由
ゴールドとダークブルーのパレットは、二つの強いメッセージをバランス良く伝えます。深いブルーは安定感とプロフェッショナリズムを、ゴールドは温かみや祝福感、「プレミアム」な仕上がりをもたらします。組み合わせることで、信頼感と高級感が同時に感じられます。
コントラストが自然と強まるため、ウェブサイトからポスターまで、あらゆるデザインがシャープに見えます。ダークブルーはヘッダーやナビゲーション、背景で構造を作り、ゴールドはポイントを効果的に引き立てるアクセントとして最適です。
ゴールドは画面上で金属感からフラットな表現まで変化するため、クリームやベージュと合わせると柔軟なカラーパレットになります。光沢効果に頼らずともラグジュアリーな雰囲気をキープでき、可読性も損ないません。
20パターン以上のゴールド×ダークブルーカラーパレット（HEXコード付き）
1）リーガルハーバー
HEX： #0B1F3B #123B6D #D4AF37 #F3E7C5 #1C1C1C
ムード： 気品、シャープ、海辺の雰囲気
おすすめ用途： ブランドアイデンティティやロゴシステム
気品と海風を感じるこの配色は、ゴールドのクレストボタンがついたネイビーブレザーのよう。濃紺はメインパーツやタイポグラフィに使い、ゴールドはバッジや区切り、さりげないハイライトに。ウォームクリームで余白をつくり、ブラックは突出した文字向き。コツ：ゴールドは全体の5〜10％ほどに抑えると高級感があり、派手になりません。
media.ioで生成したリーガルハーバーの画像例
Media.ioは、ブラウザ上で動画・画像・音声の作成と編集ができるオンラインAIスタジオです。
2）ミッドナイトギルド
HEX： #08172C #0E2A4F #B88A00 #EADFC8 #6B7280
ムード： シック、ラグジュアリー、シネマティック
おすすめ用途： 映画ポスターやイベントポスターのデザイン
シックで映画的な雰囲気は、金色のサインが輝く真夜中の街並みを思わせます。まず暗い色で大胆な形を作り、ゴールドで際立つタイトルやエンブレムを配置。温かみのあるベージュで冷たさを中和し、グレーでサブコピーもバランス良く。コツ：大きな背景にバンディングが出ないよう、ダークブルー部分に微細なグレインを加えましょう。
media.ioで生成したミッドナイトギルドの画像例
3）ネイビ―シャンパン
HEX： #102A43 #1D4E89 #E0B84B #FFF4DD #A7A9AC
ムード： 祝祭感、軽やか、上品
おすすめ用途： 結婚式の招待状や文具
軽やかでお祝いムードが漂い、夜の青いドレスとシャンパンの泡のよう。アイボリーを用紙色に、ネイビーで本文や囲み線を設定し、 timeless な印象に。ゴールドは箔押し風のモノグラムや仕切り、RSVPのハイライトに、グレーは細部に活用。コツ：画面上では少し柔らかいゴールドを選び、箔押し感を出すとよいでしょう。
media.ioで生成したネイビ―シャンパンの画像例
4）アールデコロビー
HEX： #0A2342 #183A6B #C7A008 #F6EDD8 #2B2B2B
ムード： グラマラス、幾何学的、ヴィンテージラグジュアリー
おすすめ用途： ホテルパンフレットやロビーサインのグラフィック
華やかで幾何学的なこのパレットは、真鍮レールやダークラッカーの壁のアールデコロビーを思わせます。強い対称性や太枠、シャープな文字で活きる配色。クリームとたっぷりの余白でブルーの重たさを感じさせず、上品に。コツ：ゴールドのラインは太さを揃えてリズムよく配し、洗練された印象に。
media.ioで生成したアールデコロビーの画像例
5）セレスチャルブラス
HEX： #0D1B2A #1B3A57 #D1A94A #E8E2D6 #5C677D
ムード： 神秘的、落ち着き、知的
おすすめ用途： 書籍表紙・出版デザイン
神秘的で落ち着いた雰囲気は、真鍮インクで描かれた星座図と夜空を思わせます。表紙フィールドには最も濃い青、星やルール、タイトル強調にはゴールドを。柔らかなパーチメント色はサブタイトルや著者名に最適。コツ：ゴールドは少しテクスチャを加え、フラットすぎない表現を心がけましょう。
media.ioで生成したセレスチャルブラスの画像例
6）ミュージアムナイト
HEX： #061626 #16324F #BFA14A #F2EADB #8A8F98
ムード： 静寂、洗練、ドラマティック
おすすめ用途： 展覧会ポスターやギャラリー広告
静かで洗練された雰囲気は、スポットライトに照らされたゴールドフレームと夜の美術館を連想させます。濃紺で余白を確保しつつ、ゴールドで日付や会場・重要アイコンを引き立てます。クリームでやわらかい読書スペースを作り、グレーで細文字をカバー。コツ：長文にはゴールド文字×青背景は避け、最も濃い青にクリーム文字など、アクセシビリティも考慮しましょう。
media.ioで生成したミュージアムナイトの画像例
7）ロイヤルレジャー
HEX： #0B2545 #134074 #E2B13C #FAF3E0 #3B3B3B
ムード： 権威、清潔感、エグゼクティブ
おすすめ用途： ファイナンスダッシュボードや管理用UI
権威がありクリアな印象で、金箔の背表紙がついたレザー帳簿のよう。ナビゲーションやヘッダーにダークブルー、ゴールドはアクションや主要指標にピンポイントで使います。オフホワイトで表や画面全体が読みやすくなり、目の疲れも軽減。コツ：ゴールドボタンはオフホワイトまたはごく濃いブルーの上に配置し、中間のブルーの上には置かないようにしましょう。
media.ioで生成したロイヤルレジャーの画像例
8）ブルーアワーリュクス
HEX： #0A1E33 #2A5C8A #CDA434 #EFE5CF #1F2937
ムード： モダン、トワイライト、洗練
おすすめ用途： 高級スキンケア商品広告
研ぎ澄まされてモダン、ブルーアワーの光が金属に当たる瞬間のような配色。濃紺を背景に、明るめのブルーでサブパネルやグラデーションを加えます。ゴールドは細いラインやキャップ、バッジなどワンポイントが効果的。コツ：広告ではゴールドを商品名の近くに置くことで、ブランドに視線を引きつけます。
media.ioで生成したブルーアワーリュクスの画像例
9）ギルデッドインク
HEX： #0B1320 #1C2E4A #D9B55A #F7F1E3 #6B7280
ムード： 文学的、エレガント、ムーディー
おすすめ用途： ブログヘッダーやエディトリアルサムネイル
文学的でエレガントな雰囲気は、ベラム紙にインクと金の装飾を添えたよう。ヘッドラインバーには最も濃い色を、コンテンツエリアにはあたたかみのあるニュートラルで雑誌のようなバランスに。ゴールドはアイコンや区切り、カテゴリータグなどの小さなアクセントに最適。コツ：サムネイルにはゴールドを一番濃いネイビーと組み合わせ、コントラストを高めましょう。
media.ioで生成された金箔インクの画像例
10) コーストライン・クレスト
HEX： #0E2B4A #1F5F8B #E0B33F #F1E7D3 #2E2E2E
ムード： フレッシュ、プレッピー、沿岸
おすすめ用途： リゾートウェブサイト・旅行パンフレット
フレッシュでプレッピーな印象で、深い青のタオルに刺繍された沿岸の紋章を思わせます。ナビゲーションやメニューにはネイビーを、明るいブルーはリンクやホバーステート用に使用してください。ゴールドはバッジや評価、予約プロンプトに晴れやかなアクセントを加え、クリーム色がページを広く明るくします。ヒント：読みやすさを保つため、ゴールドはアイコンの塗りとして使い、本文テキストには控えましょう。
media.ioで生成されたコーストライン・クレストの画像例
11) オブザーバトリー・ゴールド
HEX： #071A2B #123A5C #D6A93A #EDE3CF #4B5563
ムード： 科学的、夢想的、正確
おすすめ用途： 科学会議ブランディング
夢想的かつ正確で、真鍮製の器具が光を受ける天文台のドームを連想させます。ゴールドとダークブルーの組み合わせは、ダイアグラム、データコールアウト、エレガントなセクション仕切りに理想的です。予定や講演者プロフィールの基盤にはクリーム色を、キャプションや脚注にはグレーを用いましょう。ヒント：全てのチャートに一貫したゴールド色を使うことで、視覚的な統一感を保つことができます。
media.ioで生成されたオブザーバトリー・ゴールドの画像例
12) ヘリテージ・スーツ
HEX： #0C2340 #274C77 #C9A227 #F5EAD1 #111827
ムード： クラシック、仕立て、信頼性
おすすめ用途： 法律事務所ウェブサイト・ステーショナリー
クラシックかつ仕立ての良い印象で、さりげないゴールドのタイバーを備えた上品なスーツのようです。ヘッダーやナビゲーションにはネイビーを、本文は暖かいクリーム色で伝統的かつ信頼感ある読みに。ゴールドはシールや箇条書き、セクション区切りのアクセントとして控えめに使うのが最適です。ヒント：ゴールドのアクセントはセリフ見出しフォントと合わせて伝統的な印象を強めましょう。
media.ioで生成されたヘリテージ・スーツの画像例
13) ランタン・オン・ネイビー
HEX： #0A1A2F #244B72 #F2C14E #FBF3DE #374151
ムード： 温かい、歓迎的、夜
おすすめ用途： レストランメニュー・看板
温かく歓迎的な印象で、夜の通りに輝くランタンの光を感じさせます。メニュー背景にはネイビーを使い、見出しをゴールドで特別料理やシグネチャーを示しましょう。アイテム説明にはクリーム色が見やすさを向上し、グレーは補助メモを静かに保ちます。ヒント：印刷時はネイビーの色味をチェックし、室内照明下でも濁らないようにしましょう。
media.ioで生成されたランタン・オン・ネイビーの画像例
14) インペリアル・ステーショナリー
HEX： #0D2B4D #1E4D8C #DAB24A #F7EEDB #2B2D31
ムード： フォーマル、シャープ、儀式的
おすすめ用途： 証明書・表彰テンプレート
フォーマルで儀式的な印象、くっきりとした枠線と金属のシールが付いた賞状を思わせます。背景はライトに、ネイビーでタイポグラフィを行い、威厳ある公式感を演出しましょう。ゴールドはシールや角飾り、署名ラインに最適です。ダークグレーは細かな法的なテキストを支えます。ヒント：ゴールド装飾の過剰使用は避け、モダンな印象を保ちましょう。
media.ioで生成されたインペリアル・ステーショナリーの画像例
15) ウィンターガラ
HEX： #081A33 #183B6A #E3B341 #F9F1DF #9CA3AF
ムード： 祝祭的、エレガント、冬
おすすめ用途： ホリデーパーティー招待状
祝祭的で冬の雰囲気、深夜のブルーコートにキャンドルの光が反射するような印象です。ゴールドとクリームの組み合わせは、きらびやかすぎない柔らかな輝きを生み出します。ネイビーはメインテキストや枠線に、日付やRSVPをゴールドで強調し、素早くスキャンできます。ヒント：繊細な雪の結晶や星のパターンを淡いブルーで加え、洗練されたレイアウトを保ちましょう。
media.ioで生成されたウィンターガラの画像例
16) スタジオ・スポットライト
HEX： #0B1D39 #2B5D9B #CFAE55 #F2E8D4 #111827
ムード： 自信、現代、ハイコントラスト
おすすめ用途： 製品パッケージ・ラベル
自信とハイコントラストで、暗い棚に当たるゴールドラベルのスポットライトを感じさせます。一番深いブルーをパッケージボディに、ゴールドがブランドマークや主な主張を際立たせます。クリームは成分パネルや適合テキストに最適、明るいブルーはセカンダリーバリエーションに活用しましょう。ヒント：レンダリング時はゴールドをマットにして不要な反射を避けましょう。
media.ioで生成されたスタジオ・スポットライトの画像例
17) ヴィンテージ・コンパス
HEX： #0A2239 #1C466E #D4A24D #E9DEC8 #3F3F46
ムード： 冒険的、懐古的、厳選
おすすめ用途： ミュージアムギフトショップポスター・印刷物
冒険的で懐古的、使い込まれた真鍮と深いエナメルのヴィンテージコンパスを思わせます。ネイビーは大きな形状に、明るいブルーは地図やルートラインなどに使用。ゴールドは座標やピン、タイトルロックアップなど小さい繰り返しマークに最適です。ヒント：ヴィンテージ印刷感を高めるため、クリーム背景に軽いディストレス加工を加えましょう。
media.ioで生成されたヴィンテージ・コンパスの画像例
18) サファイア・マントル
HEX： #081C2E #174A7E #E2B84A #FFF1D6 #4B5563
ムード： 大胆、宝石色、高級
おすすめ用途： ジュエリーECバナー
大胆かつ宝石色の印象で、温かなゴールドのクラスプ付きサファイアベルベットの雰囲気です。深いブルーを背景に使うことで、製品写真や見出しもすぐに高級感が出ます。明るいブルーはサブプロモーション用、ゴールドは価格バッジや期間限定タグに最適です。ヒント：ECではCTAをネイビーにゴールドで配置し、他のハイライトは控えめにしましょう。
media.ioで生成されたサファイア・マントルの画像例
19) トロフィールーム
HEX： #071B34 #123E6B #F0C75E #F4E9D5 #0F172A
ムード： 勝利的、大胆、スポーティーラグジュアリー
おすすめ用途： スポーツ表彰グラフィック・SNS投稿
勝利的かつ大胆、暖かいスポットライトで照らされたトロフィールームの印象です。ゴールドとダークブルーの組み合わせはメダルやランキング・受賞発表に最適で、即座に高級感を感じさせます。最も暗いネイビーを背景に、明るいゴールドで数字や主要スタッツを目立たせましょう。ヒント：サポートテキストはクリーム色にして、小さいサイズでゴールドとブルーのコントラストの振動を避けましょう。
media.ioで生成されたトロフィールームの画像例
20) グランドシアター
HEX： #0A1B2A #203D63 #C8A53A #F8F0DC #6B7280
ムード： 劇的、ロマンチック、クラシック
おすすめ用途： 劇場パンフレット・チケット
劇的かつクラシックで、ベルベットのカーテンやゴールドの縁取りのあるマルキ—を感じさせます。メインのレイアウトはネイビーを、ゴールドはタイトル、出演者リスト見出し、チケット詳細を囲む役割で使いましょう。クリーム色は用紙の雰囲気で情報の読やすさを保ち、グレーは細字に使うことができます。ヒント：ページごとに一貫したゴールド枠線システムを維持し、パンフレット全体に一体感を持たせましょう。
media.ioで生成されたグランドシアターの画像例
ゴールド×ダークブルーと相性の良い色は？
クリーム、アイボリー、パーチメント、ベージュなどの暖色系ニュートラルは、ゴールドとダークブルーの最も相性の良い組み合わせです。コントラストを和らげ読みやすさを高め、ゴールドがやたら明るくならず意図的に見えるようにします。
現代的なUIでは、冷たいグレーや黒に近い色をタイポグラフィやセカンダリーUI要素に追加しましょう。構造性を維持しつつ、ゴールドが高級感のあるアクセントとして際立ちます。
エネルギーを加えたい場合は、コントロールされた差し色（リンクやホバーステート用の明るい青など）を取り入れましょう。アクセントの競合を避け、システムを補助するよう限定してください。
ゴールド×ダークブルーのカラーパレットを実際のデザインで使う方法
まず役割を決めましょう：ダークブルーは背景、ナビゲーション、ヘッドラインブロック用。ニュートラルはコンテンツ面。ゴールドは強調（CTA、バッジ、区切り、重要番号）用。この階層構造で「全アクセント」になってごちゃごちゃするのを防げます。
アクセシビリティのため、ブルー上のゴールドの長文は避けましょう。ゴールドは短いラベル、アイコン、見出しに最適です。本文テキストはネイビー上にクリームやオフホワイトを使い、快適なコントラストを保ちましょう。
印刷では、実際の照明下で色見本をテストし、少し控えめなゴールドで金属箔のような輝きやまぶしさを抑えましょう。一貫した線の厚みや間隔も高級感のある配色に役立ちます。
AIでゴールド×ダークブルーパレットのビジュアルを作成
ブランドボードや招待状スイート、ポスター、UIコンセプトを作る場合も、AIを活用すればゴールド×ダークブルーの組み合わせを迅速にビジュアライズできます。複数の構図を生成し、雰囲気の変化を試し、レイアウトをプロダクション前に反復できます。
「控えめなゴールド」「深いネイビー」「明確なスタイル（ミニマル、アールデコ、シネマティック、エディトリアル）」といった指定でプロンプトを使い、結果の一貫性を保ちましょう。アスペクト比の指示も追加し、ターゲットフォーマットに合わせましょう。
ゴールド×ダークブルー配色パレットよくある質問
-
ネイビーとゴールドの組み合わせはブランディングに向いていますか？
はい。ネイビーは信頼と能力を、ゴールドは品質と特別感を示します。ゴールドはアクセント（デザイン全体の5〜10%程度）に留めると、ブランドが高級感を保ち、派手になり過ぎません。 -
ゴールド×ダークブルー配色で最適な背景は？
深いネイビーや黒に近い背景は高級感がありますが、長文では暖色系オフホワイト／クリーム面が読みやすいです。ヘッダーや構造にはネイビー、ハイライトにはゴールドを使いましょう。 -
ダークブルー背景にゴールドテキストは使えますか？
短い見出しやラベルなら可能ですが、本文には向きません。ゴールドは小さい文字だとコントラストが弱く「振動」して見えることがあります。段落にはネイビー上のクリーム・オフホワイトテキストを使いましょう。 -
画面上でゴールドを箔風に見せるには？
やや柔らかいゴールド色を選び、さりげなくテクスチャやグラデーションを追加しましょう。クリームや深いネイビーと組み合わせれば、極端な輝きを使わずに金属的な深みを表現できます。 -
ネイビーとゴールドの組み合わせで相性の良いニュートラル色は？
アイボリー、パーチメント、暖かいベージュ、ソフトグレーが特に良いです。余白として機能し、コントラストの厳しさを和らげ、ゴールドアクセントがクリアに際立ちます。 -
UIデザインでゴールドを使うベストな方法は？
CTA、主要数値、バッジ、小さなアイコンの塗りにゴールドを使い、密なテキストには用いないこと。主要な面はニュートラルを、ナビゲーションにはネイビーを使い、インターフェースの明快さとアクセシビリティを保ちましょう。 -
ゴールドとダークブルーのパレットは結婚式やイベントに合いますか？
はい、間違いありません。ネイビーはフォーマルなベースを提供し、ゴールドは華やかさを加えます。アイボリートーンのペーパー（またはデジタル版）を使い、ゴールドはモノグラムや枠線、日付やRSVPのような重要なポイントに使いましょう。
次へ： ベージュオレンジのカラーパレット
