ブラックとゴールドはクラシックなラグジュアリーの組み合わせです。深く光を吸収するブラックが、メタリックなアクセントをより明るく、シャープに、意図的に引き立てます。結果として、すぐに高級感を演出するハイコントラストな配色が生まれます。
以下に、ブランド、ダークモードUI、パッケージ、招待状などに使えるHEXコード付きのブラック&ゴールドカラーパレットアイデア20選以上と、AIプロンプトを使ってわずか数秒でマッチするビジュアルを生成する方法を紹介します。
ブラックゴールドパレットが優れている理由
ブラックは瞬時に深みと集中を生み、ゴールドはプレミアムな印象を与える「シグナル」カラーとなります。特に背景ではなくアクセントとして使うことで効果的です。このコントラストにより、ロゴや見出し、主要なUIステートが視覚的なノイズを最小限にして際立ちます。
ゴールドはまた、素材(箔、真鍮、ジュエリー、トロフィー)との結びつきも強いので、フラットなデジタルデザインでも触感的で上質な印象を与えます。暖かなニュートラルカラー(シャンパン、クリーム等)と組み合わせれば、パレットは洗練されて見えます。
実際、ブラックゴールドの配色は多様性があります。選ぶニュートラルやサブアクセントカラーによって、ヴィンテージ(アールデコ)、モダン(ミニマルUI)、オーガニック(ボタニカル)といった印象を与えることができます。
ブラックゴールド配色アイデア20選(HEXコード付き)
1)ギルディッドノワール

HEX: #0B0B0C #1A1B1F #3B3C41 #D4AF37 #F5E6C8
雰囲気: 洗練、高級感、ドラマティック
おすすめ用途: ラグジュアリーブランディングや高級パッケージ
洗練された高級な印象は、ゴールド箔が灯りを受けるキャンドルライトのブティックのようです。最も深いブラックを背景にし、見出しやシール、トリミングにメタリックゴールドを使いましょう。クリーミーなシャンパンカラーはラベルや短いコピーの対比を和らげます。ヒント:ゴールドの使用比率は全体の10~15%程度にすることで、派手すぎず上質な印象に。
media.ioによるギルディッドノワールの画像例
Media.ioは、ブラウザ上で動画・画像・音声の作成や編集ができるオンラインAIスタジオです。
2)アールデコ・イブニング

HEX: #0A0A0A #262626 #8A6F2A #E3C66A #F2EFE6
雰囲気:グラム、ヴィンテージ、演劇的
おすすめ用途: ガライベントの招待状、ポスター
グラマラスで演劇的な印象は、アールデコ様式のホワイエや真鍮の装飾、鋭い幾何学模様を連想させます。暖かいゴールドをオフホワイトと組み合わせることでタイポグラフィの視認性を保ちましょう。チャコールは背景に使いフレームやボーダーの層を作ります。ヒント:左右対称のレイアウトや細い線状装飾を取り入れると、メタリックなトーンがより意図的に見えます。
media.ioによるアールデコ・イブニングの画像例
3)ベルベットゴールドラッシュ

HEX: #111114 #2A1A12 #6B1E2E #C9A227 #F7DFA3
雰囲気:豪華、暖かみ、セクシー
おすすめ用途: ビューティーキャンペーンやブティックのSNS広告
豪華で温もりのある配色は、ベルベットのカーテンとゴールドバーのきらめきを思わせます。リッチなシャドウがメタリックハイライトを引き立て、美容系デザインで特に映えます。バーガンディはチークカラーや注目部分、限定バッジに控えめに使うと効果的です。ヒント:淡いゴールドはボタンやキャプションのコントラスト用に最適です。
media.ioによるベルベットゴールドラッシュの画像例
4)ミッドナイトトロフィー

HEX: #050506 #14151A #2F323A #B08D57 #E9E1D3
雰囲気:自信、スポーティー、大胆
おすすめ用途: スポーツ表彰グラフィック、勝者発表
大胆かつ自信に満ちた配色は、アリーナのライトの下のトロフィーケースのような雰囲気です。ほぼブラックをキャンバスに、ブラスでメダルや区切り、順位数を強調しましょう。暖かみのあるオフホワイトで名前や数値を見やすく。ヒント:もっとも明るいニュートラルはトップ入賞者に使い、階層構造を明確にします。
media.ioによるミッドナイトトロフィーの画像例
5)シャンパンオニキス

HEX: #0D0D0F #232427 #4E4F55 #D8B24A #FFF4DE
雰囲気:洗練、エアリー、モダン
おすすめ用途: 結婚式のステーショナリー、上質なメニュー
洗練され軽やかな印象は、艶やかなオニキスと弾けるシャンパンをイメージさせます。クリーミーなホワイトでエレガントな文字も美しく映え、ゴールドで華やかさを加えましょう。ミッドグレーは罫線やセクション見出し、アイコンに活用。ヒント:メニューや名札にはゴールド箔印刷を取り入れ仕上がりをランクアップ。
media.ioによるシャンパンオニキスの画像例
6)モダンリーガル

HEX: #0E0F12 #1F232B #2E3542 #D4AF37 #DDE3EA
雰囲気:コーポレート、洗練、信頼感
おすすめ用途: ビジネス資料や企業レポート
洗練され信頼感のある配色は、夜の役員会議室と外の都市の灯りを想起させます。クールなグレーでチャートや表もダーク背景上でプレミアムな印象。ゴールドは重要指標やハイライト、セクションマーカーなどポイント使いがベスト。ヒント:本文は淡いグレーで、強い白飛びを避けて可読性をキープ。
media.ioによるモダンリーガルの画像例
7)ブラックゴールド ミニマルUI

HEX: #0A0B0D #16181D #2A2F38 #CFAE3D #AEB6C2
雰囲気:集中、ハイテク、ミニマル
おすすめ用途: SaaSダッシュボードやダークモードUI
集中できるハイテクな印象は、やや暗いコントロールルームに正確なゴールドのインジケーターが光るイメージです。ゴールドはボタンやトグル、プログレスバーなどアクティブ状態のみで使うのが効果的。スレート系トーンはカードや区切り用に使うことで落ち着きと読みやすさを確保。ヒント:ライトグレーにはやや太めのフォントを合わせると、ダーク背景でも負担が少ないです。
media.ioによるブラックゴールドミニマルUIの画像例
8)ミュージアムガラ

HEX: #090909 #1E1B16 #5A4A2A #E0BF66 #F6F1E7
雰囲気:エレガント、文化的、タイムレス
おすすめ用途: ミュージアムイベントや募金キャンペーン
エレガントでタイムレスな配色は、美術館の壁やフレーム、スポットライトを思わせます。クリーミーニュートラルは長文やチケット情報に、黒は見出しに活用。アーシーなブラウンゴールドはパターンや背景テクスチャにぴったり。ヒント:細いゴールド罫線を挿入し、レイアウトをすっきり分割しましょう。
media.ioによるミュージアムガラの画像例
9)インダストリアルリュクス

HEX: #0C0D0F #2B2E34 #5C616A #BFA14A #E6E7EA
雰囲気:都会的、無骨、プレミアム
おすすめ用途: テック系ハードウェアのパッケージやランディングページ
都会的で無骨な印象は、ヘアライン加工の金属やコンクリート、高級なバッジのように感じられます。クールなグレーでインダストリアルな雰囲気を保ちつつ、ゴールドが主要な特徴に上質な仕上げを加えます。ライトなニュートラルはスペック表や補足テキストに使うと、ダークベースに対してクッキリと映えます。コツ:CTAにはすべて同じゴールドトーンを使い、ページ全体の統一感を保ちましょう。
media.ioで生成したインダストリアルラグジュアリーの画像例
10)コズミックブリオン

HEX: #07070A #141628 #2C2F57 #FFD04A #E9E6FF
雰囲気: 未来的、夢のよう、輝く
おすすめ用途: 音楽ポスターやナイトイベントプロモ
未来的で夢のような雰囲気は、真夜中の空に星明かりが差し込むような印象です。深いインディゴでブラックの後ろに奥行きを出しつつ、エレクトリックな雰囲気をキープ。輝くゴールドは、タイトルや日付のスタンプに使うとネオンのようなインパクトを与えます。コツ:ポスターのゴールド文字にはソフトなグローを加え、本文はフラットにして読みやすく。
media.ioで生成したコズミックブリオンの画像例
11)ウォームマーブルゴールド

HEX: #0E0E10 #2A2A2D #8C8577 #D1B06B #F3EFE7
雰囲気: 穏やか、建築的、高級
おすすめ用途: インテリアムードボードやホームデコールブランド
穏やかで建築的な印象は、暖かい大理石の模様やヘアラインゴールドの金具を想起させます。こうしたブラック×ゴールド配色は、ダークな土台に柔らかいストーンニュートラルをたっぷり加えることで、インテリアで活きてきます。トープグレーは、テキストブロックやラグ、UIカードなどのセカンダリ要素に使いましょう。コツ:ゴールドはハードウェアやトリム、小さなアイコンなどに限定し、大きな面積に使わないことで上品に仕上げます。
media.ioで生成したウォームマーブルゴールドの画像例
12)エスプレッソギルト

HEX: #0A0A0B #2A1D16 #4B3427 #C8A03A #F1E2C9
雰囲気: 居心地良い、職人技、リッチ
おすすめ用途: コーヒーパッケージやカフェのメニュー
居心地よくリッチな印象は、エスプレッソのクレマと金の縁取りのようです。ブラウンはブラックの硬さを和らげつつ、コントラストは失いません。ローストノートや原産バッジ、プレミアム等級にはゴールドを。コツ:クリーム色はテクスチャ感のある紙と組み合わせると、手づくり感のあるメニューやラベルになります。
media.ioで生成したエスプレッソギルトの画像例
13)スモーキーゴールドグラデーション

HEX: #090A0C #1A1C22 #3A3F4B #BFA75A #F8F3E8
雰囲気: ムーディー、シネマティック、なめらか
おすすめ用途: ビデオサムネイルやシネマティックタイトルカード
ムーディーで映画的な雰囲気は、スポットライトに漂う煙のよう。チャコールやスレートを重ねて奥行きを作り、重要なテキストは暖かいゴールドでフォーカスを集めます。淡いニュートラルは字幕も読みやすく、白すぎてきつくなりません。コツ:ダークな角にさりげなくビネットを加えると、ゴールド要素がより輝きます。
media.ioで生成したスモーキーゴールドグラデーションの画像例
14)オーキッドアクセントラグジュアリー

HEX: #0B0B0E #231A22 #B15C9E #D4AF37 #F6EAF4
雰囲気: ファッション性、遊び心、ラグジュアリー
おすすめ用途: ファッションルックブックやビューティーエディトリアル
ファッション性が高く、ラグジュアリーな雰囲気は絹や香水、オーキッド色リップの差し色のようです。ブラックはランウェイの背景として使い、オーキッドは小さなアクセントに絞りましょう。ゴールドは、ルールラインやページ番号、ロゴマークなど、誌面のディテールに効果的です。コツ:オーキッドは1ページに1~2か所程度にし、全体の洗練度を維持しましょう。
media.ioで生成したオーキッドアクセントラグジュアリーの画像例
15)エメラルドクラウン

HEX: #070809 #0F2A22 #0E7A5F #D7B24B #EAF5F1
雰囲気: ロイヤル、新鮮、自信
おすすめ用途: ホスピタリティブランディングやカクテルメニュー
ロイヤルで新鮮な雰囲気は、薄暗いラウンジで味わうエメラルド色のカクテルを思わせます。グリーンはハイライトの主役として使い、ゴールドはボーダーやアイコンの高級感に。ミントホワイトは、メニューの読みやすさと余白感を保つのに最適です。コツ:ゴールドは細いラインや小さなシンボルに限定し、グリーンを引き立てましょう。
media.ioで生成したエメラルドクラウンの画像例
16)サンセットブラス

HEX: #0C0B0A #3B2A1E #B87333 #D4AF37 #F7E3C8
雰囲気: 陽だまり、アーシー、高級感
おすすめ用途: ライフスタイルプロダクト広告や職人系商品
陽だまりでアーシーな雰囲気は、ブラスとレザーに夕暮れの光が差すイメージです。カッパーカラーがダークなベースを柔らかくし、親しみやすいラグジュアリー感を加えます。ゴールドはロゴや重要なキャッチに使い、淡いベージュで補足テキストを担いましょう。コツ:カッパーはステッカーやリボンなどセカンダリ要素に使い、ゴールドをメインのメタリックとして際立たせます。
media.ioで生成したサンセットブラスの画像例
17)サファイアプレステージ

HEX: #07070B #141A2E #1B3A6B #D4AF37 #E8EEF9
雰囲気: エグゼクティブ、クール、自信
おすすめ用途: フィンテックブランディングやプレゼン資料テンプレート
クールで自信に満ちた雰囲気は、真夜中のブルースーツにゴールドのタイピンを思わせます。ブラック×ゴールド配色はここで、サファイアがサブパネルやグラフを担うことで明瞭性が高まります。アイシーなほぼホワイトは情報量が多い資料や長尺スライドに最適。コツ:ゴールドはハイライトのみに限定し、データビジュアライゼーションの正確性と可読性を担保しましょう。
media.ioで生成したサファイアプレステージの画像例
18)パールブラックタイ

HEX: #0B0B0C #1D1E22 #70727A #D9B85A #FAF7F0
雰囲気: フォーマル、シャープ、タイムレス
おすすめ用途: ブラックタイ招待状やフォーマルプログラム
フォーマルでシャープな印象は、タキシードやパールのジュエリー、クリーンなボールルームの照明を連想させます。ページの大部分はパールホワイトで空気感を保ち、ヘッダーはブラックで引き締めます。ゴールドは上品なフレームやモノグラム、区切り線に最適です。コツ:タイトルはクラシックなセリフ体、詳細はシンプルなサンセリフに統一するとタイムレスな印象に。
media.ioで生成したパールブラックタイの画像例
19)ヴィンテージレッジャー

HEX: #0D0C0B #2C241C #6C5A44 #C9A54A #EFE3D1
雰囲気: ヘリテージ、温かみ、職人技
おすすめ用途: ウィスキーラベルやヘリテージ系ブランドアイデンティティ
ヘリテージ感と職人技を感じるこの配色は、年月を重ねた紙やインクスタンプ、レッジャーに光るゴールドシールのようです。ブラックベースにウォームブラウンを加えると、ストーリーや信頼感が高まります。バッチ番号やクレスト、受賞アイコンなどの本物感をゴールドで強調しましょう。コツ:淡いニュートラルにはごく細やかなグレインやレタープレス風テクスチャを加え、ヴィンテージ仕上げに。
media.ioで生成したヴィンテージレッジャーの画像例
20)ネオンゴールドナイト

HEX: #050506 #121319 #2B2E3A #FFD400 #F3F4F7
雰囲気: ボールド、エネルギッシュ、ナイトライフ
おすすめ用途: クラブフライヤーやデジタルプロモグラフィック
ボールドでエネルギッシュな雰囲気は、ネオンサインが夜霧を切り裂くよう。こうしたブラック×ゴールド配色は、明るいイエローをパンチの効いたスポットライトとして使い、背景全面には使いません。淡いグレーは二次テキスト用に、フライヤーの可読性を守ります。コツ:イエローはイベント名や日付など一点集中に絞り、視覚的なノイズを防ぎましょう。
media.ioで生成したネオンゴールドナイトの画像例
21)ブラックゴールドボタニカ

HEX: #0A0A0C #1F2A24 #3E5A4C #D4AF37 #F2F6F3
雰囲気: ムーディー、ナチュラル、エレガント
おすすめ用途: ボタニカルイラストや春のキャンペーンアート
ムーディーでナチュラルな印象は、深い葉っぱをゴールドの日差しが照らす朝をイメージ。茎や影にダークな色を使い、ゴールドは繊細な葉先や花粉のようなハイライトに使います。ソフトなオフホワイトは構成全体に空気感とモダンさを与えます。コツ:ゴールドはベタ塗りでなく、水彩のようなにじみ効果を加えるとより有機的な仕上がりに。
media.ioで生成したブラックゴールドボタニカの画像例
ブラックゴールドに合う色は?
ソフトなニュートラル(シャンパン、クリーム、パール、暖かいグレー)は、ブラック&ゴールドの相棒として最も使いやすい色です。コントラストが読みやすく、雑誌のようなラグジュアリーな雰囲気も保てます。ゴールドの主張が強くなりすぎず、上品さが引き立ちます。
個性を足すなら、アクセントカラーは1色だけに絞りましょう。カクテルラウンジのエネルギーにはエメラルド、エグゼクティブな洗練にはサファイア、ファッション性にはオーキッド、手作り感にはカッパーなど。ポイントは、ゴールドを“プレミアム”のハイライトに限定し、ストーリーはアクセントカラーに任せることです。
画面デザインの場合は、真っ白よりもわずかにトーンを落としたライトカラーを選ぶと、ダーク背景での眩しさを和らげ、ゴールドのアクセントが滑らかに映ります。
ブラックゴールドカラーパレットをリアルなデザインで使う方法
ゴールドはジュエリーのように考えましょう。ロゴ、ボーダー、アイコン、重要な数字やCTAなど、小さくインパクトのある使い方が効果的です。背景やレイアウトの構造はブラックやチャコールで担います。
階層はニュートラルで構築します。長文はオフホワイトやライトグレーに、最も大事なコンテンツには一番明るいニュートラルを、区切り線や表、UIの補助要素にはミディアムグレーを使いましょう。
印刷なら、ゴールド箔やスポットメタリックインクを使うことで、招待状やメニュー、パッケージの仕上げが飛躍的に高級化します。デジタルなら、繊細なグラデーションやコントラストで金属感を表現し、大きなゴールド面積に頼らないのがポイントです。
AIでブラックゴールドパレットのビジュアルを作成
広告・ポスター・パッケージのモックアップ・UI等を一貫した見た目にしたい場合は、アートディレクション用のプロンプトを流用して画像を生成すると素早く検証できます。まずは上記いずれかのパレットで始めて、ライティング(スタジオ・スポットライト・ネオングロー)や素材(箔、ベルベット、大理石)を変えてみましょう。
Media.ioを使えば、ブラック&ゴールドテーマの画像をブラウザ上でそのまま作成できます。ムードボードやピッチ資料、即席のブランド探索にも便利です。プロンプトではマットブラック・ゴールド箔・ヘアラインブラスなど具体的な質感を指定し、リアルな仕上がりを狙いましょう。
強い画像がいくつか出たら、同じプロンプト構造を流用してキャンペーンやUI用アセットをまとまり良く生成できます。
ブラックゴールドカラー配色 FAQ
-
デザインで一般的に使われる「メタリックゴールド」のHEXコードは?
よく使われるデジタルの“ゴールド”は#D4AF37. 本物のメタリック効果を得るにはグラデーション(デジタル)や箔/特色インク(印刷)が必要ですが、#D4AF37は高級感のあるアクセントの出発点として優れています。 -
ブラックとゴールドの配色では、ゴールドはどのくらい使うべきですか?
ゴールドは控えめに使いましょう—通常 5~15% くらいが最適です。背景や構造にはブラックやチャコールを多用し、ゴールドはロゴ、区切り線、バッジ、CTAのようなハイライト部分にのみ使用してください。 -
ゴールドのアクセントと最も相性の良い背景色は?
ほぼ黒やチャコールグレー(全面の純粋な#000000ではなく)を背景に使うことで、よりプレミアムで読みやすい印象になります。テキストにはオフホワイトやライトグレーを合わせると、ゴールドのアクセントを意図的に見せられ、雑然とした印象を防げます。 -
ブラック×ゴールドはダークモードUIにも合いますか?
はい。ゴールドを インタラクションカラー(アクティブ時、主要ボタン、進行インジケーターなど)として扱えば効果的です。カードや仕切りにはスレートやチャコールを使い、本文のテキストはライトグレーに保つと快適です。 -
ニュートラルカラー以外でブラックゴールドと相性の良い色は?
アクセントカラーをひとつ追加してみましょう:エメラルド(フレッシュ、ホスピタリティ)、サファイア(エグゼクティブ、フィンテック)、オーキッド(ファッション/ビューティー)、または カッパー(アーシー、クラフト感)。限定的に使えば、ゴールドがプレミアム感を保てます。 -
デジタルデザインでゴールドを「高級」に見せるには?
コントラストをコントロールし、繊細なグラデーションやリアルな質感(箔の輝き、ヘアライン加工、ハイライトのソフトグロー)を取り入れましょう。広い範囲をベタ塗りの黄色で埋めるのは避けてください。抑えたメタリックアクセントの方が高級感を演出できます。 -
ブラックとゴールドは印刷物の招待状やパッケージにも向いていますか?
印刷ではベストな組み合わせのひとつです。マットブラックの用紙に ゴールド箔 や特色メタリックインクを合わせることで、手触りもあるプレミアムな仕上がりになります。シャンパンやパールホワイトを組み合わせると、タイポグラフィも読みやすくなります。
次へ: ブラウン×ブルー配色パレット

