ゴールド・ブルー・グリーンのカラーパレットは、穏やかな深みと高級感のある輝きを融合させ、海洋のようなブルーとグリーンに温かみのある金属調のアクセントを組み合わせています。信頼性、現代性、そして静かなラグジュアリーを感じさせたいブランドの定番コンビです。
以下に、HEXコード付きですぐに使える20種類以上のゴールド・ブルー・グリーン配色と、Media.ioで再現できるブランド、UI、印刷向けのAIプロンプト例をまとめました。
この記事の内容
ゴールド・ブルー・グリーン配色が良く機能する理由
ゴールドはすぐに「価値」のシグナルを与えます――高級感、祝祭感、自信――一方ブルーは安定感と信頼性を伝えます。そこにグリーンを加えることで、配色に新鮮さと自然志向の雰囲気が加わり、堅苦しくなり過ぎません。
このトリオは自然にコントラストが高く、ダークなネイビーやティールはタイポグラフィやUIの明確な階層を生み出し、ゴールドはCTAや重要な数字、アイコンにコントロールされたハイライトとして機能します。これにより、エレガントさと機能性の両方を兼ね備えた配色になります。
暖色（ゴールド）と寒色（ブルー／グリーン）両方を含むので、画面、印刷、パッケージ、空間デザインなど様々なメディアで独特の雰囲気を失わずに適応できます。
20以上のゴールド・ブルー・グリーンカラーパレットアイデア（HEXコード付き）
1) 金色に輝く海の静けさ
HEX： #d4af37 #0b2d5c #146c74 #2e8b57 #f2efe6
雰囲気： 穏やか、高級感、沿岸
最適用途： 高級スキンケアブランドのランディングページ
穏やかな沿岸の高級感が、深い海と磨き上げられた真鍮のように感じられます。ネイビーを基軸に、ティールやグリーンがサポートセクションを構成し、ゴールドはアイコン、区切り線、CTAなどの小さなアクセントに使用しましょう。クリーム色がレイアウトに空気感を与え、ダークトーンの重さを緩和します。ヒント：ゴールドの分量はページ全体の10%未満に抑えることで金属感が強すぎるのを防げます。
media.ioで生成した金色に輝く海の静けさの画像例
Media.ioは、ブラウザ上で動画・画像・音声の作成と編集ができるオンラインAIスタジオです。
2) 上品なラグーン
HEX： #c9a227 #103a5c #1a8a8f #3a9d60 #eef3f1
雰囲気： 上品、新鮮、自信
最適用途： SaaSダッシュボードUIキット
上品でクリーンなこれらの色調は、夕暮れのラグーンに金のきらめきが加わった印象です。現代的なゴールド・ブルー・グリーン配色なら、ダッシュボードのベースを柔らかなオフホワイトにし、ネイビーヘッダーやティールパネルで階層性を作りましょう。グリーンは成功ステータス、ゴールドはアクティブタブや主要指標のハイライトに。ヒント：コントラストを際立たせるにはゴールドとネイビーを組み合わせ、ティールと組み合わせるのは避けましょう。
media.ioで生成した上品なラグーンの画像例
3) エメラルドの港
HEX： #b88a1e #0a2342 #1f7a8c #1b9a6a #f6f1e3
雰囲気： 船舶調、鮮やか、高級感
最適用途： ブティックホテルブランドキット
船舶調で高級感があり、港の灯りやエメラルド色の水面、ブラッシュドメタルのディテールを連想させます。深いブルーが高級な土台となり、ティールやエメラルドがセカンダリービジュアルやパターンに活力をもたらします。温かみのあるゴールドはロゴマークや封印、高級感のある文具類のアクセントとして少量使いましょう。ヒント：クリーム色の背景にさりげないテクスチャを加えることでパレットに質感が生まれます。
media.ioで生成したエメラルドの港の画像例
4) 陽光のアトラス
HEX： #e0b84c #153b66 #2a7f9e #4b9b6a #fbf7ed
雰囲気： 冒険的、ポジティブ、洗練
最適用途： 旅行ポスターシリーズ
冒険的で楽観的、陽光に照らされた地図に青い海路や森の寄港地が広がるような印象です。深いブルーはタイトルやシルエットを、ティールは水辺、グリーンは陸地のアクセントに利用しましょう。ゴールドは航路線やバッジ、小さなスタンプモチーフに絶妙。ヒント：背景は暖かく明るく保つことでブルーが鮮やかに映ります。
media.ioで生成した陽光のアトラスの画像例
5) ミュージアムブラスとティール
HEX： #c6a34a #112a46 #2d6f7a #3f7f5f #e9e3d6
雰囲気： 洗練された、時を超えた、上品
最適用途： 博物館展示パンフレット
洗練され時を超えた雰囲気で、ギャラリーの壁や古びた真鍮の什器、静かなティールの影を連想させます。可読性を高く維持するために本文や見出しにはネイビーを使用し、セクションバンドやインフォグラフィックスにはティールやグリーンを重ねましょう。ゴールドはカバーや抜粋などに小さな箔のようなアクセントとして最適です。ヒント：行間とマージンを広めにしてカラーが洗練されて感じられるように。
media.ioで生成したミュージアムブラスとティールの画像例
6) 沿岸ボタニカル
HEX： #d8b25c #0f3157 #3a8ea5 #5aa469 #f7f3ea
雰囲気： さわやか、自然、前向き
最適用途： 水彩ボタニカルイラストセット
さわやかで自然な印象があり、海風や押し葉、暖かい砂を思わせます。ブルーはイラストを引き締め、ティールやグリーンは茎や影、ウォッシュに新鮮さをプラスします。砂金色のゴールドは花びらやラベルへのさりげないハイライトに使い、絵を圧倒しないようにしましょう。ヒント：最も暗い色はネイビーに限定することでセット全体がやわらかくまとまります。
media.ioで生成した沿岸ボタニカルの画像例
7) 真夜中のミントアクセント
HEX： #bfa23a #081c2f #0f6674 #6bbf8a #f1f5f3
雰囲気： ボールド、シャープ、テック系
最適用途： モバイルアプリのオンボーディング画面
大胆でシャープ、真夜中のUIにミントのような前向きさが加わった印象です。最も暗いブルーを背景や大きな形状に使い、ティールはサブパネルに、ミントは親しみやすいコールアウトカラーに。ゴールドはボタンや進捗インジケータなど小さな注目ポイントに限りましょう。ヒント：ミントを主なアクセント、ゴールドは特別な強調ポイントに。
media.ioで生成した真夜中のミントアクセントの画像例
8) アールデコ温室
HEX： #d1a64b #0d2b45 #2f7d8c #2f8f6a #f4ead7
雰囲気： アールデコ、エレガント、幾何学的
最適用途： イベント招待状デザイン
エレガントで幾何学的、アールデコ風温室の深い影と輝く装飾をイメージ。これらのゴールド・ブルー・グリーン配色は、強いシンメトリーや細いラインワーク、高コントラストのフォントペアリングと相性良好です。メイン見出しの背後にネイビーを、モチーフのボーダーにティールやグリーン、仕上げにゴールドで高級感あるフレームを。ヒント：招待状をワンランク上げたい時はゴールドの箔や特色印刷を活用。
media.ioで生成したアールデコ温室の画像例
9) サファイアファーン
HEX： #caa041 #0b3a6b #1e7896 #2e7d4f #f8f6ef
雰囲気： 爽快、自信、アウトドア
最適用途： アウトドアギア商品広告
爽やかで自信に満ちた雰囲気があり、シダの小道のそばに広がるサファイアブルーの水のように感じられます。商品名や主な訴求には濃いブルーを使い、背景やグラデーションにはスポーティーさを感じさせるティールを取り入れましょう。グリーンはエコ感をサポートし、ゴールドは高級感や限定タグのアクセントになります。コツ：広告のライティングはニュートラルに保ち、ゴールドがオレンジにならず温かみを残すようにしましょう。
media.ioで生成されたサファイアファーンの画像例
10) ヴィンテージマップパティーナ
HEX： #b9922f #1c355e #2a6f7a #6c8f5a #efe4cf
雰囲気： ヘリテージ、温かみ、探究心
最適用途： ブックカバーデザイン
伝統的で温かみがあり、古い地図帳やパティーナインク、色あせた海岸のグリーンを思わせます。文字にはブルーを使い可読性を高め、ティールや苔色グリーンはテクスチャやイラストで重ねましょう。ゴールドはタイトルルールやエンブレムの印象的なポイントに使っても派手になりすぎません。コツ：クリーム色の背景には細やかなグレインを加えてヴィンテージ感を演出しましょう。
media.ioで生成されたヴィンテージマップパティーナの画像例
11) モダンリゾートロビー
HEX： #d6b25e #0d2a4a #2b8792 #4f9a6c #ffffff
雰囲気： ウェルカム、モダン、エアリー
最適用途： ホテルインテリアムードボード
歓迎感があり開放的、つややかなタイルやトロピカルグリーンが並ぶ現代的なリゾートロビーを思わせます。フィールドにはホワイトをメインに、家具のシルエットやボードのタイポグラフィには濃いブルーを利かせましょう。ティールやグリーンは生地サンプルや植物モチーフに映え、ゴールドは真鍮の金具や照明をイメージさせます。コツ：ティールとグリーンは彩度を揃え、ボードが混沌とせず統一感が出るようにしましょう。
media.ioで生成されたモダンリゾートロビーの画像例
12) アルパインレイクゴールド
HEX： #e2bf6b #123a63 #2f8aa3 #2f7a5a #f3f7f6
雰囲気： クール、クリーン、前向き
最適用途： ウェルネスニュースレターテンプレート
清潔感とクールさを併せ持ち、アルプスの湖や新鮮な空気、暖かな朝焼けを思わせます。淡いグレーがかったブルー背景でメールを読みやすく保ち、見出しは濃いブルーでコントラストを取りましょう。ティールやグリーンは区切りやアイコンに最適、ゴールドは週毎のアドバイスタグなどの小さな引き立て役に。コツ：ティールはブロック状ではなく淡く使い、レイアウトを落ち着かせましょう。
media.ioで生成されたアルパインレイクゴールドの画像例
13) トロピカルナイトマーケット
HEX： #c89b2a #0a2a43 #0f6f7c #1f9a5a #f9f2df
雰囲気： 活気、エキゾチック、ハイコントラスト
最適用途： レストランメニューデザイン
活気がありコントラストの強いデザインは、ネオンのような反射や暖かい真鍮使いの南国のナイトマーケットを連想させます。可読性のためにクリーム色基調にし、メインの文字はダークブルー、セクション見出しにはティールを使いましょう。グリーンは食材のアピールに生き、ゴールドはシェフのおすすめや価格表示をハイライトします。コツ：ゴールドは一種の要素だけに一貫して使うことで、意図的な演出になり過度な装飾感を避けられます。
media.ioで生成されたトロピカルナイトマーケットの画像例
14) クラシックブッククロス
HEX： #bda04c #172a3a #2d6a73 #3c7a57 #f0e9da
雰囲気： 学究的、静かな、クラシック
最適用途： 学会ポスター
学究的で静かな趣は、ブッククロスの表紙や磨き込まれた図書館の手すりを思わせます。タイトルや登壇者名にはダークブルー、ティールやグリーンは図表やスケジュール、セクションバンドの補助に活躍します。ゴールドは区切り線や小さな紋章として上品な雰囲気を演出。コツ：データにはサンセリフ、見出しにはセリフ体を選ぶとクラシック感が強まります。
media.ioで生成されたクラシックブッククロスの画像例
15) フレッシュファイナンスUI
HEX： #d0b04d #0b2545 #1f7f8c #3aa66f #f5f7fa
雰囲気： 信頼感、クリーン、エネルギッシュ
最適用途： 個人金融アプリUI
信頼感とクリアな印象で、バンクグレードの奥行きと親しみやすさ、モダンなポップ感が共存します。このゴールドブルーグリーン配色は、明快さが最も重要な金融画面に最適です。ナビゲーションにはネイビー、チャートやカードにはティールを。グリーンはポジティブ残高や成長の状態に自然にフィットし、ゴールドはインサイトやプレミアム機能のマークに使えます。コツ：ゴールドは一画面一アクションのみに限定し、注目を集める役割としましょう。
media.ioで生成されたフレッシュファイナンスUIの画像例
16) ジュエルボックスパッケージ
HEX： #caa54e #0a1f33 #1c6f7a #2a845a #fbf8f0
雰囲気： ラグジュアリー、ダーク、ジュエルトーン
最適用途： プレミアムキャンドルパッケージ
高級感とジュエルトーンで、ビロード箱と磨き込まれたゴールドの留め具を連想させます。 メインラベルエリアにはディープなネイビーを、ティールやグリーンはパターンや香りバリエーションのディテールに。ゴールドはロゴや縁にホイル加工として加えるのが最善です。コツ：タイポグラフィは極力ミニマルに抑え、色のコントラストで強調しましょう。
media.ioで生成されたジュエルボックスパッケージの画像例
17) ガーデンパーティーステーショナリー
HEX： #ddb862 #14395e #2e8aa0 #63a870 #fff9ef
雰囲気： 明るい、エレガント、春めく
最適用途： ウェディング文房具セット
明るくエレガントな雰囲気は、カラフルなリボンや木漏れ日のもと涼しげなガーデンパーティーを思い出させます。ペーパーは暖かく明るく保ちつつ、ブルーとグリーンの鮮やかさを活かした配色が文房具に映えます。名前や詳細にネイビー、モチーフにティール、フローラルにはグリーンを使い、ゴールドは細縁やモノグラムとして添えましょう。コツ：印刷時は画面よりやや明るめのティールを選ぶと、用紙上で強くなりすぎません。
media.ioで生成されたガーデンパーティーステーショナリーの画像例
18) ミニマルギャラリーポスター
HEX： #c8ab55 #0e2a47 #2a7787 #2f7f5b #f4f4f2
雰囲気： ミニマル、モダン、キュレートされた雰囲気
最適用途： ギャラリー展覧会ポスター
必要最小限でキュレートされた印象は、静かなギャラリールームで彫刻にスポットが当たっているような空気感です。柔らかなオフホワイト背景に深いブルーを主役に大きく使い、ネガティブスペースを活かしたレイアウトに。ティールやグリーンは抑えた幾何学ブロックにとどめ、ゴールドは日付ハイライト等の小さなポイント用に。コツ：シェイプは大きくシンプルに保ち、遠目からでも配色の意図が伝わるようにしましょう。
media.ioで生成されたミニマルギャラリーポスターの画像例
19) ディープシーブランドキット
HEX： #d3b35f #06213a #0f6c86 #1f7f62 #f2efe8
雰囲気： ミステリアス、高級、モダン
最適用途： テックコンサルティングブランドアイデンティティ
ミステリアスかつ高級感を湛え、クリーンな金属感の奥行きを思わせます。ゴールド・ブルー・グリーン配色は堂々としたブランド表現ができ、最も暗いブルーをロゴの土台に、ティールをデジタルグラデーションに、グリーンはバッジやアイコンの補助に。ゴールドはワードマークやセクション見出しなど重要ポイントのみのアクセントに。コツ：ティールからネイビーへのグラデを一つ定義し、全体で使い回すことで一貫性アップ。
media.ioで生成されたディープシーブランドキットの画像例
20) サテンメダル＆モス
HEX： #e0c06a #1a3b5d #2b879a #2f8a63 #f7f0e1
雰囲気： ソフト、エレガント、ナチュラルラグジュアリー
最適用途： ビューティー製品SNS広告
柔らかで自然の上質さを感じさせ、サテンリボン、温かなメダル、苔のグリーンをイメージさせます。製品スペースにはクリームを基調に見出しを深いブルーでクリーンに。ティールやグリーンは背景シェイプや成分の合図に活用し、ゴールドがプレミアムな輝きとしてシールや限定オファーに最適です。コツ：影は控えめかつクールにし、全体の上品さをキープしましょう。
media.ioで生成されたサテンメダル＆モスの画像例
21) カナルストリートクラシックス
HEX： #bfa34b #0c2f57 #1a6f8f #2e8f6e #f8f5ee
雰囲気： クラシック、都会的、洗練
最適用途： 企業年次報告書
クラシックで洗練された都市感があり、磨き込まれたディテールと涼やかな運河の色調が特徴です。企業向けのゴールド・ブルー・グリーン配色では、多くのページを明るく保ちつつ、見出しやグラフ、フッターはネイビーでまとめましょう。ティールやグリーンはデータビジュアルで活用可能、ゴールドは主要数値やセクションオープナーのハイライトに最適です。コツ：チャートスタイルは統一し、色が変わっても読み手を迷わせないように。
media.ioで生成されたカナルストリートクラシックスの画像例
ゴールド・ブルー・グリーンと相性の良い色は？
ニュートラルは最も簡単な勝利：暖かいクリーム、柔らかいアイボリー、明るいグレーはゴールドの上品さを底上げし、ブルー／グリーン領域も重くなりすぎません。ダークなレイアウトにはチャコールやほぼ黒に近い色を使っても、プレミアム感を保てます。
よりコントラストが欲しければ、コーラルやブラッシュ、テラコッタなどの「抑えられたポップ色」をコントロールしながら、イラストや特定のUI状態に限定して加えてみてください。もっと落ち着いた印象が良ければ、サンドやトープ、ストーン系の淡色を加えると、全体がエディトリアルでタイムレスな雰囲気になります。
グラデーションや背景にはティールやブルーグレーの淡い色味が特に効果的です。ゴールドが主張しすぎることなく、シャープなアクセントとして活きます。
実際のデザインでゴールド・ブルー・グリーンパレットを使うには
最初に役割を整理しましょう：ネイビー（または濃いブルー）はタイポグラフィと構造に、ティールは大きなUIサーフェスや背景に、グリーンは補助的な状態（成功、エコ、補助ハイライト）に、ゴールドはCTA・バッジ・アクティブナビゲーションなど「本当に重要な部分」限定のアクセントとして。
配色をモダンに保つには、彩度をコントロールすること。ティールとグリーンの強度は揃え、ファミリー感を出し、ゴールドだけ温かみのある主役として際立たせましょう。印刷の場合、ゴールドはフラットな色で再現できますが、ホイルやスポットインクで使うほど高級感が増します。
アクセシビリティのために、ネイビー／クリームやティール／クリームのコントラストをテストし、ゴールドはライトな背景で小さい文字として使わないようにしましょう。アイコンや枠線、大きめのUI要素に回すのがベターです。
AIでゴールド・ブルー・グリーンパレットのビジュアルを作成
これらの配色を実際に試したいときは、ランディングページ・ポスター・パッケージ・アプリ画面等、モックアップを同じHEX指定で生成しましょう。これにより、コントラスト・階層・ムードを本格的なデザインシステム導入前に検証できます。
Media.ioでは、上記プロンプトのいずれかを貼り付けてブランド対象（製品・アプリ・イベント・報告書等）を差し替え、パレットのHEXコードはそのまま維持しましょう。レイアウトスタイル（ミニマル、エディトリアル、アールデコ等）を入れ替えながら、配色の統一を保ちつつ素早くバリエーションを検討できます。
方向性が気に入ったら、同じプロンプト構成を他の各種アセットに使い回し、ブランドビジュアルの一貫性を確保しましょう。
ゴールド・ブルー・グリーン配色に関するよくある質問
-
ゴールド・ブルー・グリーン配色はどんな印象を与えますか？
一般的に、ゴールドは高級感、ブルーは信頼や安定、グリーンは新鮮さや成長を象徴します。組み合わせると、現代的で自信があり、落ち着きのある仕上がりに。上質で親しみやすい印象を求めるブランドに最適です。 -
ゴールドがデザインを圧迫しすぎないためには？
ゴールドはアクセントとして使い、ベースカラーにはしないでください—アイコンや細い仕切り線、バッジ、主要なCTAなどに使用します。レイアウト全体の5〜10％程度にゴールドを抑えることで、上品で派手すぎない印象を保てます。 -
背景は白、クリーム、ダークネイビーのどれが最適ですか？
白やクリームは空気感と編集的な雰囲気をつくり、ゴールドがより温かく高級感のある印象になります。ダークネイビーの背景はドラマティックで高級感がありますが、しっかりとした余白と明るいテキストを使うことで、可読性を高める必要があります。 -
ゴールド・ブルー・グリーンのパレットで良い文字色の選択は？
ライト背景では、深いネイビーが見出しや本文テキストに最も安全な選択です。ダーク背景の場合は、オフホワイトや非常に薄いグレーをテキストに使い、ゴールドは強調にのみ使用し、長文には避けるのが適しています。 -
ゴールド・ブルー・グリーンのパレットはUIやダッシュボードに適していますか？
はい。ネイビーとティールはナビゲーションやカードで明確な階層を作り、グリーンは成功状態を自然に表現できます。ゴールドは重要な指標やプレミアム機能の強調に使えます。ポイントは一貫性—ゴールドの意味を一つに絞ること（例：「注目」や「インサイト」）。 -
ゴールド・ブルー・グリーンに合わせる追加アクセント色は何がありますか？
暖かいニュートラルカラー（アイボリー、サンド、トープ）が最も自然な追加色です。アクセントとして彩りが必要ならコーラルやテラコッタも調和しますが、ゴールドと競合しないよう控えめに使いましょう。 -
パレットベースのモックアップを素早く作成するには？
Media.ioのテキスト画像生成機能を使い、正確なHEXコードをプロンプトに含めて、明確なデザイン形式（例：「SaaSダッシュボードUI」、「パッケージモックアップ」など）を指定してください。そして、カラーリストはそのままに、主体やレイアウトスタイルだけ変更して繰り返し試しましょう。
