ホワイトゴールドのカラーコード20選【色見本・HEX付き】

ホワイトゴールドは、鮮やかな白と温かみのあるメタリックニュートラルの間のスイートスポットに位置しており、デザインが明るく、クリーンで、より高級感があり、光沢がありすぎないように見えます。

以下は、ブランディング、UI、パッケージ、結婚式、編集レイアウトのための十六進コードを備えた厳選されたホワイトゴールドカラーパレットのアイデアに加え、一致するビジュアルを生成するためのAI対応のプロンプトを示しています。

ホワイトゴールドパレットがうまく機能する理由

ホワイトゴールドのパレットは、明るくすっきりとしたハイライトと温かみのあるシャンパンとベージュのアンダートーンを組み合わせており、大きな色に頼らずに即座に「贅沢」と読み取れます。このバランスにより、モダンなミニマリズムとクラシックな編集スタイルの両方に汎用性があります。

また、信頼性の高いコントラスト オプションも提供します。風通しの良いアイボリーとチャコール、ネイビー、またはディープ グレーを組み合わせて、タイプとナビゲーションを行うと、印刷やスクリーン全体で読みやすい洗練された外観が得られます。

暖かさが微妙なので、ホワイトゴールドの色調は製品の写真、肌の色調、自然な質感をより平らにし、画像が変わってもデザインがまとまりを感じるのに役立ちます。

20 以上のホワイト ゴールド カラー パレットのアイデア (十六進コード付き)

1) 金メッキ磁器

十六進：#fbf7f0 #efe6d6 #d9c6a0 #b9b2a6 #2f3a43

気分：洗練された、風通しの良い、洗練された

最適な場合:ラグジュアリーブランディングとミニマルなパッケージ

柔らかいメタリック釉薬でキスされた磁器のように磨かれて風通しの良いこれらのトーンは、清潔でありながら高価に感じます。アイボリーとシャンパンの色合いをベースにし、深いスレートでロゴとタイプにコントラストを加えます。マットペーパーストックやプレミアムラベルで美しく機能します。ヒント: デザインが派手ではなくモダンであるように、メタリックなアクセントを 10% 未満に抑えてください。

media.ioを使って生成した金メッキ磁器の画像例

メディア.io

Media.io は、ブラウザでビデオ、画像、オーディオを作成および編集するためのオンライン AI スタジオです。

今すぐ無料でお試しください

2) シャンパンマーブル

十六進：#fffaf2 #f1e7d7 #cdbb9b #8d857b #3a3a3a

気分：エレガント、地に足のついた、時代を超越した

最適な場合:インテリアムードボードとプロダクトルックブック

朝の光の中でシャンパンマーブルのようにエレガントでグラウンドされたこのミックスは、クリーミーな暖かさとストーングレーの構造のバランスをとっています。ライトニュートラルとチャコールを組み合わせて、キャプション、価格設定、編集レイアウトを作成します。大きな色なしで豪華な手がかりが必要なルックブックで輝きます。ヒント: トープに細かい線の仕切りを追加して、ページがキュレーションされた感じを保ちます。

media.ioを使って生成したシャンパンマーブルの画像例

3) パールサテン

十六進：#fffdf8 #f6efe6 #e2d3be #c7b7a1 #6a6b70

気分：柔らかく、ロマンチックで、明るい

最適な場合:結婚式の招待状と文房具のスイート

キャンドルの明かりに覆われたパールサテンのように柔らかく輝くこれらの色合いは、甘くなることなくロマンチックに読めます。暖かいベージュとアンティークゴールドをリードし、テキストにクールなグレーを使用して読みやすさを高く保ちます。スクリプトフォント、デッキ付きのエッジ、微妙なエンボス加工とよくマッチします。ヒント: やさしい感触を保つために、少し柔らかくしたインクで最も暗い色調を印刷します。

media.ioを使って生成したパールサテンの画像例

4) 现代の家宝

十六進：#fdf7ee #eadfcd #d7c29a #7f8a8c #1f2a33

気分：伝統、モダン、自信に満ちた

最適な場合:プレミアムロゴとブランドシステム

現代的な家でスタイリングされた家宝のような、モダンなエッジを持つ遺産。このホワイトゴールドのカラーパレットはベースを暖かく魅力的に保ち、ブルーグレーとインクのネイビーは即座に権威を提供します。ワードマーク、ナビゲーション、見出しの階層には暗いトーンを使用します。ヒント: メタリック傾きのニュートラルが呼吸できるように、十分なスペースを設定します。

media.ioを使って生成した現代家宝の画像例

5) 冬のブランチ

十六進：#fff8f1 #f0e6da #d6c1a4 #b08c7a #4a4f55

気分：居心地の良い、社交的な、控えめな

最適な場合:カフェメニュー・ライフスタイルコンテンツ

リネンのナプキンと温かいペストリーを使った明るい冬のブランチのように、居心地がよく社交的です。クリーミーなベースが写真を軽やかに感じさせ、シナモンタンが食欲をそそり、グレーがテキストを引き立てます。散らかさず温かさが必要なメニューやレシピカード、ライフスタイルの投稿に使用してください。ヒント: コールアウトと価格設定のアクセントカラーとして日焼けを使用してください。

media.ioを使って生成した冬のブランチの画像例

6) ミニマルブティック

十六進：#ffffff #f3ede3 #d8cbb2 #a6a19a #2b2b2b

気分：清潔、高級、落ち着いた

最適な場合:eコマースUIと店頭バナー

清潔で高級で、完璧な照明と静かな自信を備えたブティックのようです。明るい白と柔らかいグレージュは製品のイメージを忠実に保ち、チャコールはCTAボタンと価格設定のコントラストを向上させます。薄い境界線と微妙な影と組み合わせると、洗練されたインターフェイスが実現します。ヒント: ホバー状態にベージュトーンを使用して、穏やかなインタラクション キューを作成します。

media.ioを使って生成したminimal boutiqueの画像例

7) 暖かいギャラリーの壁

十六進：#fdfaf3 #efe3d2 #d9bf99 #9c9489 #3d434a

気分：キュレーションされた、芸術的、歓迎的

最適な場合:ポートフォリオサイトとスタジオプレゼンテーション

トラックライトの下の暖かいギャラリーの壁のようにキュレーションされ、芸術的です。クリーミーなホワイトはレイアウトを広々と保ち、落ち着いたゴールドベージュはセクションヘッダーに十分な豊かさを与えます。キャプション、リンク、ナビゲーションに深いグレーブルーを追加して、作品がヒーローのままにします。ヒント: アートワークと競合しないように、ページごとに 1 つのアクセントを選択してください。

media.ioを使って生成したウォームギャラリーウォールの画像例

8) ブライダルスイート

十六進：#fffdf6 #f4ebdd #e0cfb4 #c8a88f #5a5d63

気分：夢のような、繊細な、高揚した

最適な場合:ブライダルブランドキットとイベントサイネージ

柔らかい日光と透け感のある生地で満たされたブライダルスイートのように、夢のようで繊細です。温かみのあるニュートラルは肌の色に似合い、メタリックなディテールを意図的に見せます。方向標識やスケジュールには濃い灰色を使用して、すべてが遠くから読みやすいようにします。ヒント: ベラムのオーバーレイや微妙なテクスチャと組み合わせると、豪華な雰囲気が引き立ちます。

media.ioを使って生成したブライダルスイートの画像例

9) 日当たりの良いリネン

十六進：#fffaf0 #f1e6d4 #d7c09b #b7b0a2 #6c6a63

気分： ナチュラル、airy、リラックス

最適な場合: ホームデコレーションのスタイリングとライフスタイルブログ

穏やかな午後、陽の光が差し込むリネンのようにナチュラルでairy。ラタンやオーク、手作りのセラミックなど有機的な素材との組み合わせが最適です。見出しには深いトープ、補助テキストには落ち着いたグレーを使うことで、ページを柔らかく読みやすく保てます。ヒント：フラットな印象を避けるために、紙の質感などリアルなテクスチャーを一点取り入れましょう。

media.ioによって生成された日差しを浴びるリネンの画像例

10）アールデコクワイエット

十六進： #fff7ea #eadcc7 #d1b98c #7b7a74 #1b1e24

気分： スリーク、ヴィンテージ、ドラマチック

最適な場合: カクテルポスターやナイトライフブランディング

静かなアールデコの華やかさのように、スリークでドラマチック。暖かなメタリックベージュがヴィンテージ感を、黒やグラファイトがコントラストのあるインパクトをもたらします。幾何学的なラインと左右対称のレイアウトを使うことで時代感を即座に演出できます。ヒント：最も暗い色はタイポグラフィに使い、背景は最も明るい色で明確さを保ちましょう。

media.ioによって生成されたアールデコクワイエットの画像例

11）コースタルパール

十六進： #fbfbf8 #e9efe9 #d9cbb2 #8aa1a6 #2f3f44

気分： フレッシュ、そよ風のよう、クリーン

最適な場合: スパウェブサイトやウェルネスパッケージ

真珠色の砂浜に海風が吹くような、フレッシュで軽やかな印象。淡いミントグレーがクリーンでモダンさを保ち、暖かなベージュで冷たい雰囲気を抑えます。柔らかな写真や丸みのあるコーナー、十分な余白を組み合わせることでスパらしい空気感を演出できます。ヒント：ティールグレーはアイコンやセクション区切りに使いましょう。

media.ioによって生成されたコースタルパールの画像例

12）セージ＆シャイン

十六進： #fffaf4 #eee4d6 #d8c6a7 #8ea28f #39433f

気分： 穏やか、ボタニカル、バランス

最適な場合: ナチュラルスキンケアラベルとエコブランディング

セージの枝が暖かな石に置かれたような穏やかなボタニカル感。柔らかなゴールドベージュが上品さを、くすんだグリーンでエコで地に足のついた雰囲気に。クラフト紙のテクスチャーやセリフ体、ミニマルイラストとの組み合わせが好相性です。ヒント：グリーンはスタンプやハイライトに使い、ニュートラルカラーを主役に保ちましょう。

media.ioによって生成されたセージ＆シャインの画像例

13）ノワールハイライト

十六進： #fff6e8 #e8dcc9 #cfb68a #5f646a #0f1114

気分： ボールド、エディトリアル、ラグジュアリー

最適な場合: ファッションキャンペーンや見出しグラフィック

暗い部屋をランウェイのスポットライトが切り裂くような、ボールドでエディトリアル。クリーミーなオフホワイトとアンティークゴールドが黒を柔らかくプレミアムな印象に仕上げます。ほぼ黒の色は大きな見出し、暖かなニュートラルは背景や余白に使いましょう。ヒント：ゴールドのアクセントラインを一点加えることで視線をレイアウトに誘導できます。

media.ioによって生成されたノワールハイライトの画像例

14）ロージーメタリック

十六進： #fff7f2 #f2e1db #d9bfb0 #c79a8a #4c4a4f

気分： ロマンティック、モダン、ソフトグラム

最適な場合: ビューティーブランディングやSNSテンプレート

バラ色の金属が柔らかなスタジオライトの下で輝くような、ロマンティックでモダン。ブラッシュベージュの色合いは肌を美しく見せ、ミニマルな商品写真と相性抜群です。チャコールテキストやシンプルなサンセリフ書体と組み合わせて甘くなりすぎないように。ヒント：ローズトーンをグラデーションの端点に使うことで、背景にさりげない奥行きが生まれます。

media.ioによって生成されたロージーメタリックの画像例

15）テラコッタグリント

十六進： #fff6eb #eddcc7 #d3b68f #c06f4f #3c3a38

気分： 日差しで焼けた、アースカラー、スタイリッシュ

最適な場合: レストランブランディングや季節限定プロモーション

午後遅くの日差しに温められたテラコッタのような、アース感と品のある印象。暖かなニュートラルが高級感を保ち、クレイアクセントが食欲と個性を引き立てます。テラコッタはバッジやハイライト、イラストに使い、本文テキストは濃いグレーでまとめましょう。ヒント：テクスチャ紙やさりげないグレインを合わせることでハンドメイド感のある仕上がりに。

media.ioによって生成されたテラコッタグリントの画像例

16）アイスモカ

十六進： #faf6ef #e8ded2 #cdbca8 #9a7f6a #3a3533

気分： コージー、大人、落ち着いた

最適な場合: コーヒーブランドやコージーなUIテーマ

陶器のカップに入ったアイスモカのような、コージーで大人っぽい雰囲気。クリームからココアへのグラデーションがカードやバナー、ヒーロー部分で階層を作りやすい。暖かな商品写真やミニマルアイコンと組み合わせて現代的にまとめましょう。ヒント：ミッドベージュはセカンダリーボタンに使い、CTAは引き立たせましょう。

media.ioによって生成されたアイスモカの画像例

17）ノルディックグロー

十六進： #fffdf7 #f0efe9 #d7c8ad #a7a9aa #2b3136

気分： クール、モダン、控えめ

最適な場合: SaaSダッシュボードやテックブランディング

ノルディックインテリアのようにクールでモダン、そこに暖かなメタリックのヒント。シャープなオフホワイトと霞がかったグレーでインターフェイスをクリーンに保ち、ゴールドベージュがヒューマンタッチを加えます。ナビゲーションやチャートにはダークブルーグレーでコントラストを強めます。ヒント：ベージュはステータスチップや選択状態に控えめに使いましょう。

media.ioによって生成されたノルディックグローの画像例

18）ダスティブルーラグジュ

十六進： #fff8ee #e9ddcb #d2bc93 #7f97b2 #263240

気分： 穏やか、格調高い、コンテンポラリー

最適な場合: ホテルブランディングや旅行パンフレット

ダスティブルーのテキスタイルと暖かな金属のディテール、五つ星スイートのような穏やかで格調高い印象。ブルーが落ち着いた洗練感をもたらし、クリーミーなニュートラルは明るいレイアウトに。ミニマルな写真や洗練されたセリフ体の見出しと組み合わせることでブティック感が演出できます。ヒント：本文にはネイビー、セクション見出しにはダスティブルーを。

media.ioによって生成されたダスティブルーラグジュの画像例

19）プラムベルベットスパーク

十六進： #fff6ed #ead9c9 #d2b98f #6b3a57 #2a1e28

気分： ダーク、アーティスティック、ラグジュアリー

最適な場合: ビューティー新作やプレミアムギフトボックス

プラムベルベットがわずかな光を受けて輝くようなダークでラグジュアリーな空気感。ディープベリーカラーが暖かなニュートラルをリッチでドラマティックに引き立てます。ヒーロー要素やリボン、大事なグラフィックにはプラムを、サポート面にはクリームカラーでバランスを取ります。ヒント：ギフトパッケージを格上げするにはミッドベージュの繊細なパターンを加えましょう。

media.ioによって生成されたプラムベルベットスパークの画像例

20）シトラスアクセントゴールド

十六進： #fff9ef #efe1cc #d7c29b #f0b44b #3c3f44

気分： 明るい、楽観的、モダン

最適な場合: スタートアップランディングページやプロモバナー

シトラスのツイストが輝くドリンクのような明るく楽観的な印象。暖かなニュートラルで上品に仕上げ、ゴールデンオレンジがCTAのための現代的でエネルギッシュなポイントに。力強いサンセリフ体とシンプルなアイコンの組み合わせで高い明快さが得られます。ヒント：シトラスカラーはインタラクティブな要素に限定してクリック誘導に。

media.ioによって生成されたシトラスアクセントゴールドの画像例

21）アンティークパールスクリプト

十六進： #fffdf5 #f2eadb #dcc8ab #b6b7b2 #4a4b50

気分： クラシック、穏やか、エディトリアル

最適な場合: 本のカバーや文房具ブランド

真珠紙にプレスされたアンティークレターのようなクラシックで穏やかな印象。くすみゴールドベージュが暖かさを、柔らかなグレーが全体を落ち着いて読みやすいトーンにします。セリフ体やモノグラム、細い装飾ラインと美しく調和します。ヒント：コントラストは控えめにし、ハードなモダン印象よりタイムレスで文学的な雰囲気を。

media.ioによって生成されたアンティークパールスクリプトの画像例

22）エバーグリーンキャンドルライト

十六進： #fff8f0 #eadfce #d0bb95 #3f5b52 #1f2b29

気分： フェスティブ、コージー、洗練

最適な場合: ホリデーキャンペーンやプレミアム季節パッケージ

エバーグリーンとキャンドルライトに照らされたようなフェスティブでコージーな印象。深いグリーンが暖かなニュートラルにリッチさを加え、明るい赤を使わず高級感のある季節感を表現します。ヘッダーや装飾アクセントはグリーン、背景は明るめにして余白を保ちましょう。ヒント：ゴールドベージュの細い枠でギフト感がアップします。

media.ioによって生成されたエバーグリーンキャンドルライトの画像例

23）ギャラリーRSVP

十六進： #fffbf3 #efe4d3 #d8c39f #8f8a82 #2c2f33

気分： インテリジェント、抑制、教養

最適な場合: イベント招待状や展覧会フライヤー

静かなギャラリーのオープニングのように洗練されて控えめ。クリアなサインが印象的です。ニュートラルカラーは格上げされ、グレートーンの幅広い階層で見出しから小さな文字まで信頼できる階層を作り出します。可読性を保ちながらホワイトゴールドの配色を使いたい場合は、本文にチャコールグレーを使用し、ゴールドベージュは枠取りに保ちましょう。ヒント：幾何学モチーフをひとつ使い、展示会のテーマを響かせつつ、余計な装飾は避けてください。

media.ioを使って生成したギャラリーRSVPの画像例

ホワイトゴールドと相性の良い色は？

ホワイトゴールドは深いニュートラルカラー（チャコール、スレート、ネイビー、ほぼ黒）と自然に組み合います。コントラストを際立て、暖かいメタリックベージュのハイライトが「黄み」に見えず、意図的な印象に仕上がります。

より柔らかい印象にしたい場合は、セージやユーカリ、ダスティティールなどの控えめなボタニカルカラーを加えてください。これらのクールなアクセントがパレットを落ち着いたスパのような雰囲気に整えます。ロマンチックな印象には、ブラッシュ、ローズベージュ、プラムがラグジュアリーで夜に似合うムードを作ります。

もっとエネルギッシュな仕上がりにしたい場合は、シトラスゴールドやテラコッタなど抑えた色味をアクセント（ボタンやバッジ、小さな図形など）にごく控えめに使い、ホワイトゴールドのベースを上質でクリーンなまま保ちましょう。

ホワイトゴールドのカラーパレットを実際のデザインで使用する方法

背景には明るいニュートラル（アイボリー／オフホワイト）を使用し、カードやセクション、パッケージパネルなどの表面には中間色のシャンパンまたはベージュをひとつ選びます。最も濃い色は文字やUIナビゲーション用に使い、可読性を確保します。

単調に見えないように、色を増やす代わりにテクスチャ（紙の質感、ソフトな影、エンボス／箔演出、隣接するベージュ間の繊細なグラデーション）を加えましょう。ホワイトゴールドのパレットは、空間に余白があり、アクセントが少ないほど美しく見えます。

ブランディングシステムでは、「背景・面・枠・文字・アクセント」の役割を定義しましょう。これらの役割を、Web、印刷、SNSテンプレート全体で一貫させて管理することで「高級なニュートラル」の世界観が伝わります。

AIでホワイトゴールドのパレットビジュアルを作成

ムードボードやブランドキット、UIコンセプトを作る場合、マッチする画像を生成して、現実的な光や質感（紙、大理石、サテン、箔）のなかでホワイトゴールドトーンがどう見えるか検証しましょう。

上記のプロンプトを出発点として活用し、必要に応じて「スキンケア」「ステーショナリー」「ダッシュボード」など名詞のみ入れ換えることで、同じ色使い・構成スタイルを維持しながらプロジェクトに合わせられます。

次： グレイタンカラーパレット