#0f766eを含むモダンなティール×ゴールド配色20選

ティールとゴールドは現代的なクラシック：ティールは落ち着きと自信をもたらし、ゴールドは温かみと格式、そして洗練された輝きを加えます。

以下は、リッチなティールトーン（HEXコード付き）を中心に、ブランディング、UI、パッケージ、招待状などに使える20個のティール＆ゴールドカラーパレットアイデアです。#0f766e.

なぜティール＆ゴールドのパレットがとても効果的なのか

ティールは青と緑の間に位置し、信頼感（青）と新鮮さ（緑）の両方を感じさせます。そのバランスにより、プレミアムブランドやモダンなインターフェイス、祝祭感のある印刷物など多用途に使えます。

ゴールドは完璧なカウンターウェイトです：暖かみと、“意図的”な焦点を瞬時に追加します。控えめに使えば、ゴールドは金属や箔、または陽の光のように感じられ、ティールがリッチで洗練された印象になります。

ティールとゴールドを組み合わせると、はっきりとした階層が生まれます：ティールは構造（ナビゲーション、ブロック、見出しなど）を担い、ゴールドは重要な瞬間（CTA、バッジ、ボーダー、主要タイポグラフィなど）を際立たせます。

20種類以上のティール＆ゴールドカラーパレットアイデア（HEXコード付き）

1）ギルディッドラグーン

HEX： #0b7285 #0f766e #f2c14e #f7f3e3 #1f2937

ムード： 洗練、沿岸、高級感

用途例： ホテルブランディング、プレミアムウェルネススタジオ、文房具

洗練されて沿岸風、このミックスは、夕方の光を受ける深いラグーンの水を思わせます。ウォームゴールドを、シールやディバイダー、アイコン塗りなどにアクセントとして使い、クリーム色で余白を確保します。チャコールカラーがレイアウトを下支えし、ティールが強すぎずリッチに保たれます。ヒント：ゴールドはボタンや見出しなど１つの階層だけに使うと、上品さが保てます。

media.ioで生成されたギルディッドラグーンの画像例

Media.io

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

今すぐ無料で試す

2）アールデコマリーナ

HEX： #006d77 #83c5be #d4af37 #fefae0 #2f3e46

ムード： レトロ、エレガント、建築的

用途例： アールデコインテリア、イベントアイデンティティ、ブティックサイン

レトロなエレガンスが夕暮れのマリーナと磨かれた真鍮の手すりの雰囲気を漂わせます。淡いティールが軽やかさを保ち、濃いティールはボーダーやフレームで構造を支えます。幾何学模様や細いライン、左右対称の余白と合わせて、本格的なデコ風に。ヒント：ゴールドは最もシャープな形やトリムだけに使い、金属のように見えるようにしましょう。

media.ioで生成されたアールデコマリーナの画像例

3）ミッドナイトブラス

HEX： #013a3a #0b525b #b68929 #f5f1e6 #111827

ムード： ムーディ、親密、洗練された

用途例： カクテルバーメニュー、ナイトイベントポスター、アルバムアート

ムード感ある親密な雰囲気で、夜遅くのラウンジや真鍮ランプ、ダークウッドを思わせます。これらのティール×ゴールドの組み合わせは、ゴールドをスポットライトのように扱い、黒に近い色味や深い青緑のトーンの中で活かすと映えます。クリーム色がタイポグラフィの視認性を保ち、夜の雰囲気を損ないません。ヒント：印刷ではゴールドを少し鈍いブロンズ調にすると、暖色照明下でのギラつきを防げます。

media.ioで生成されたミッドナイトブラスの画像例

4）シーサイドスーベニア

HEX： #2a9d8f #264653 #e9c46a #f4a261 #fdf6e3

ムード： 晴れやか、親しみやすい、旅気分

用途例： 旅行コンテンツ、ライフスタイルブログ、夏のプロモーション

晴れやかで親しみやすく、絵葉書や潮風、金色の砂のイメージです。濃い青緑は文字やロゴをしっかり支え、明るいティールが全体を爽やかにします。温かみのある写真や丸みある書体、シンプルなアイコンと合わせて親しみやすさを演出。ヒント：オレンジはサブのアクセントに止めて、ゴールドがメインの暖色ハイライトになるように。

media.ioで生成されたシーサイドスーベニアの画像例

5）ミュージアムベルベット

HEX： #0a3d3b #115e59 #c9a227 #e6ddc6 #3f2d20

ムード： キュレーション、暖かみ、タイムレス

用途例： 展覧会ブランディング、ヘリテージパッケージ、ブックカバー

選び抜かれたタイムレスな印象で、ベルベットのロープや額装された展示物、暖かなギャラリー照明を思い起こさせます。ブラウンカラーが意外性のあるアンティーク感を加え、ティールをトロピカルではなく歴史的に演出します。セリフ体の書体やテクスチャ付き紙、控えめなグレインで奥行きをプラス。ヒント：クリーム色で大きめのマージンを取り、重くならないように。

media.ioで生成されたミュージアムベルベットの画像例

6）シャンパンティールUI

HEX： #0f766e #14b8a6 #f6d365 #fff7e6 #0b1320

ムード： クリーン、モダン、前向き

用途例： フィンテックダッシュボード、モバイルウェブアプリ、SaaS UI

クリーンで前向きな印象。データカードにお祝いのきらめきが感じられます。ティールがナビゲーションや状態を担い、シャンパンゴールドが主要指標やバッジをハイライトします。柔らかなオフホワイトは長時間の使用時でも視認性を保ちます。ヒント：最も濃いトーンは文字とアイコンのみに使い、大きい背景には使わないことで、読みやすさを保ちます。

media.ioで生成されたシャンパンティールUIの画像例

7）トロピカルリゾート

HEX： #00a6a6 #028090 #f0c75e #fef3c7 #2d2a32

ムード： バケーション、明るい、風通し良い

用途例： リゾートサイト、旅行広告、プールサイドメニュー

明るく風通し良いイメージで、ターコイズプールや日差しに照らされたカバナを思わせます。クリーミーな色味でコントラストが和らぎ、リラックスした雰囲気に。軽やかな写真や十分な余白、ライトなサンセリフ体と組み合わせてモダンな旅スタイルを演出。ヒント：ダークチャコールは見出しやCTAテキスト等に控えめに使い、晴れやかな雰囲気をキープ。

media.ioで生成されたトロピカルリゾートの画像例

8）アンティークマップ

HEX： #0e7490 #155e75 #c5a46d #f3e9d2 #5b4636

ムード： ヴィンテージ、探検的、触感的

用途例： ブックカバーデザイン、ジャーナルカバー、クラフトラベル

ヴィンテージかつ探検的で、羅針盤のインクやエイジドペーパーの感覚です。タン×ゴールドはパーチメント調に扱い、ティールのトーンはクラシックなインクのように見せます。テクスチャ背景や手描きアイコン、控えめなドロップシャドウと合わせて。ヒント：最も濃いティールはタイトルや背表紙用に使い、小さい文字でも可読性を確保します。

media.ioで生成されたアンティークマップの画像例

9）ウィンターエバーグリーンゴールド

HEX： #064e3b #0f766e #eab308 #f8fafc #334155

ムード： フェスティブ、新鮮、シャープ

用途例： ホリデーキャンペーン、季節のパッケージ、グリーティングカード

華やかでありながらもシャープな印象で、常緑樹の枝と暖かなイルミネーションを想起させます。冷たいオフホワイトが全体を明るく、特に小さなカードサイズでも印刷映えします。松のテクスチャやミニマルな雪モチーフ、クリーンなタイポグラフィと組み合わせれば、現代的な季節感を演出できます。ヒント：グリーンが主役でいられるように、ゴールドは小さな輝きのアクセント程度に使いましょう。

media.io を使って生成されたウィンターエバーグリーンゴールドのイメージ例

10）ミニマル・ストーン＆シャイン

HEX： #0a9396 #94d2bd #d9a441 #e9d8a6 #212529

ムード： ミニマル、穏やか、デザイン重視

用途例： キッチン装飾、建築パンフレット、モダンな商品サイト

ミニマルで穏やか、石材の表面にブラッシュドメタルの輝きを感じさせます。セージティールが強いティールを和らげ、広い面積でも心地よい雰囲気です。テラゾーやリネン、明るいオークなどのナチュラルテクスチャと組み合わせれば、上品なニュートラル感を演出。ヒント：印刷物ではゴールドトーンをマットに仕上げ、控えめな雰囲気に合わせましょう。

media.io を使って生成されたミニマル・ストーン＆シャインのイメージ例

11）ボタニカル・フォイル

HEX： #0b6b6b #2ec4b6 #c6a15b #edf6f9 #2b2d42

ムード： フレッシュ、職人風、エアリー

用途例： ボタニカル柄、スパギフトセット、春の新作

フレッシュで職人感があり、水彩の葉に少しだけ箔を添えたような雰囲気です。明るいアクアがデザインを軽やかにし、春らしく見せてくれます。ボタニカルのラインアートやソフトなグラデーション、未加工な紙の質感と合わせればハンドクラフト感が際立ちます。ヒント：ゴールドは葉脈や縁取りの小さな部分だけに使い、金属箔のような仕上がりにしましょう。

media.io を使って生成されたボタニカル・フォイルのイメージ例

12）コースタル・ウェディング・スイート

HEX： #1b998b #2d3047 #d4af37 #f7ede2 #c44536

ムード： ロマンチック、沿岸風、お祝い

用途例： 結婚式招待状、セーブ・ザ・デート、レセプション案内

ロマンチックで沿岸を感じさせるパレット。シーグラスとクラシックなゴールドジュエリーを組み合わせたような趣です。ネイビー調の色味がフォーマル感を加え、ソフトなブラッシュがウェルカムかつ個性的な雰囲気をもたらします。厚みのある紙とシンプルなグリッド配置、余白を活かせば、ティール＆ゴールドの配色がより映えます。ヒント：赤珊瑚は小さな封印やモノグラム程度のアクセントに、主役色には使いません。

media.io を使って生成されたコースタル・ウェディング・スイートのイメージ例

13）テック・ダッシュボード・リュクス

HEX： #064663 #0ea5a4 #fbbf24 #0f172a #e2e8f0

ムード： 自信、ハイコントラスト、プレミアムテック

用途例： SaaSダッシュボード、分析ツール、ピッチデック

自信に満ちたプレミアムな印象で、真夜中のワークスペースに浮かび上がる発光グラフのよう。明るいティールはアクティブな状態やデータラインに活躍し、ゴールドがKPIの強調に最適です。繊細なシャドウや角丸カード、緻密なタイポグラフィ階層と合わせてUIをシャープに保ちましょう。ヒント：ゴールドアクセントは全UIの10％以内に抑え、ゲーム的な印象を避けます。

media.io を使って生成されたテック・ダッシュボード・リュクスのイメージ例

14）ヴィンテージ・ジュエリーボックス

HEX： #0b4f4a #0f766e #bfa054 #f3efe6 #5c3d2e

ムード： ノスタルジック、親密、手作り感

用途例： ジュエリーブランディング、職人工房、ギフトパッケージ

ノスタルジックかつ親密な雰囲気で、温かな光の下で開いたビロードのジュエリーボックスを想像させます。アーシーなブラウンがゴールドを派手ではなくアンティーク風に見せ、テクスチャ入りの紙やエンボス印刷とよく合います。ラベルの背景にはクリーム色を使い、商品名を明確かつエレガントに。ヒント：パッケージには細いティールの縁取りを加え、手作り感を際立たせましょう。

media.io を使って生成されたヴィンテージ・ジュエリーボックスのイメージ例

15）カッパーリーフの朝焼け

HEX： #0e5a60 #2a9d8f #f2b705 #f25c54 #fff3d6

ムード： 活気、遊び心、暖かさ

用途例： 夏イベントポスター、ポップアップマーケット、SNS広告

エネルギッシュで暖かく、朝日が葉やペイントされた店先に反射しているような印象です。コーラルがティールの格式ばった印象を和らげ、活気をプラス。太い見出しや重なり合うシェイプ、シンプルなパターンと合わせれば、モダンなポスターらしさが生まれます。ヒント：クリーム色を文字パネルに使えば、鮮やかな色も視認性を損なわずに生かせます。

media.io を使って生成されたカッパーリーフの朝焼けのイメージ例

16）カーム・クラスルーム

HEX： #0f766e #5eead4 #facc15 #f1f5f9 #334155

ムード： 親しみ、明瞭、安心感

用途例： プレゼン資料、eラーニングUI、教室用ポスター

親しみやすく安心感があり、クリーンなホワイトボードに明るいハイライトを感じる雰囲気です。柔らかなアクアが長時間読んでもレイアウトを軽やかに保ち、ティールが見出しやナビゲーションの骨格を作ります。シンプルなアイコンや十分な行間と組み合わせれば、アクセシビリティも向上。ヒント：イエローは定義や重要ポイントのマーカーとしてのみ使い、全面背景には使わないように。

media.io を使って生成されたカーム・クラスルームのイメージ例

17）ラグジュアリー・スキンケアスタジオ

HEX： #005f5b #0f766e #d4af37 #faf7f0 #2a2a2a

ムード： ラグジュアリー、静謐、グロッシー

用途例： スキンケアパッケージ、美容広告、スパサイト

ラグジュアリーで静けさのある雰囲気。艶やかなボトルと暖かな金属キャップのある静かなスパルームを思わせます。ティール×ゴールドの配色は、ゴールドが箔押しやエンボス、金属インキでソフトクリーム地に映えると一段と高級感が増します。ミニマルなタイポグラフィとゆとりのある余白で、クリーンなプレミアム感を演出しましょう。ヒント：商品名にはティールではなくチャコール色を使い、落ち着いた階層構造を保ちます。

media.io を使って生成されたラグジュアリー・スキンケアスタジオのイメージ例

18）エディトリアル・ティールアクセント

HEX： #0b3c49 #0f766e #c8a951 #ffffff #111827

ムード： エディトリアル、シャープ、洗練

用途例： 雑誌、レポート、ルックブック

シャープで洗練された印象で、エディトリアル誌面のような強い見出しと繊細な罫線を感じさせます。ホワイト主体のパレットで読みやすさを保ち、ティールはセクション分け、ゴールドはプレミアムな細部アクセントとして機能します。コントラストの強いタイポグラフィ、細い罫線、クリーンな余白と合わせるのがおすすめ。ヒント：ゴールドは区切り線や小さなアイコンに限定して使い、ハイライト色になりすぎないように。

media.io を使って生成されたエディトリアル・ティールアクセントのイメージ例

19）フェスティバル・ポスター・ポップ

HEX： #007f7f #00b4b4 #ffd166 #ef476f #073b4c

ムード： ボールド、若々しい、エネルギッシュ

用途例： 音楽フェスのフライヤー、ナイトライフPR、グッズグラフィック

ボールドで若々しく、夜空にネオンサインが輝くようなインパクト。鮮やかなティールがメインのシェイプを作り、ゴールドが見出しを際立たせます。凝縮した書体、大きな幾何学模様、遊び心あるグラデーションと組み合わせて最大限のインパクトに。ヒント：ピンクは1～2箇所のフォーカル要素にのみ使い、全体の統一感を保ちます。

media.io を使って生成されたフェスティバル・ポスター・ポップのイメージ例

20）ナイトスカイ・ガラ

HEX： #073b3a #0b7285 #f2c14e #e0e1dd #1b263b

ムード： フォーマル、ドラマティック、お祝い

用途例： ガラディナー招待状、チャリティーイベント、フォーマル告知

フォーマルでドラマティック。真夜中のガラで、ろうそくの灯がグラスに反射するようなラグジュアリーさ。深いネイビーと濃いティールが、ゴールドのタイポグラフィやボーダーのための舞台を作ります。エレガントなセリフ体・強いコントラストの余白・繊細なテクスチャとあわせて“ブラックタイ”の仕上げに。ヒント：RSVPカードには淡いグレーをセカンドペーパーとして使い、統一感を持たせましょう。

media.io を使って生成されたナイトスカイ・ガラのイメージ例

ティール＆ゴールドと相性の良い色は？

ニュートラルカラーは最も安心できる土台です：アイボリー／クリーム を使えば、ティールの“呼吸感”をキープしつつ、チャコール や ネイビー はゴールドの金属感・高級感をさらに高めます。モダンなUIでは、オフホワイトで目の負担を減らしつつ、ティールで構造を明確にできます。

暖色系の仲間である コーラル, テラコッタ、そして ソフトオレンジ などを少量組み合わせて、ゴールドと競合せずパレットに活力を与えましょう。特にティールが主役の場合、小さなポイントで暖色系を使うのが効果的です。

より自然な方向を求めるならセージ, フォレストグリーン、そして パーチメントタンなどがおすすめ。これらはヘリテージやボタニカル、クラフト系の雰囲気にパレットを近づけつつ、ティールとゴールドのコントラストは維持できます。

実際のデザインでティール＆ゴールドパレットを活用する方法

ティールはシステムカラーの主役に最適です：見出し、ナビゲーション、背景、大きなシェイプなどに優先的に使いましょう。ゴールドは「サイン」として扱い、ボタン・バッジ・区切り線・アイコン・一番目立たせたい要素などに限定します。

ゴールドは使う範囲を抑えておくことで、ラグジュアリー感を維持できます。印刷では箔押しやエンボス、控えめなメタリックインキが最適。画面ではハイライターのような鮮やかな黄色にならないよう、ややソフトなゴールドを選びましょう。

スマートなタイポグラフィでコントラストを調整しましょう。本文はダークチャコール、セクションタイトルはティール、マイクロ強調にはゴールドを使います。これにより可読性を高めつつ、現代的なティール×ゴールドの印象が際立ちます。

AIでティールゴールドのパレットビジュアルを作成する

すでにHEXコードがある場合、一番速く配色を試すには、パッケージや招待状、ダッシュボード、ブランドムードボードなどのリアルなモックアップを本制作前に生成してみましょう。

Media.ioを使えば、簡単なプロンプトからブランドに合ったビジュアルへすばやく変換でき、（ティールの濃さを入れ替えたり、ゴールドの暖かさを調整したり、様々な紙や金属のテクスチャを試したりして）納得いくまで何度も繰り返し試せます。

次に読む： イエロー・オレンジ・グリーン配色パレット