トパーズのカラーパレット 20選｜カラーヘックスコード #0ea5b7 付き

トパーズは青と緑の間の絶妙なバランスに位置し、冷たさを感じさせずにクリーンな海のエネルギーを与えます。モダンで柔軟性があり、暖色系のアクセントやニュートラルな基調と組み合わせやすいのが特徴です。

以下では、ブランド構築、UI、ポスター、パッケージ、印刷物に使える（HEXコード付き）厳選トパーズカラーパレットのアイデアと、AIで素早くマッチするビジュアルを生成するためのプロンプトを紹介します。

トパーズパレットが優れている理由

トパーズトーンは、青の持つ安心感と緑のフレッシュさを組み合わせているため、信頼感と活気を兼ね備えています。そのバランスが、ウェルネスや旅行、SaaS、エディトリアルデザインなど幅広い業界でトパーズが活躍する理由です。

また、スケールの自由度も高く、淡いアクアは空間に開放感を、ミッドティールはブランドの個性を、ディープネイビーは読みやすい文字色のコントラストを与えます。ゴールドやテラコッタ、ピーチ系の暖色アクセントと組み合わせることで、トパーズは一気に高級感と人間味を増します。

何よりも、トパーズは“グラデーションに最適”なカラーです。モダンな深み（UIのヘッダーやヒーローセクション、ポスターなど）を求める際も、トパーズのグラデーションは濁らず自然でクリーンな表情に仕上がります。

20種類以上のトパーズカラーパレットアイデア（HEXコード付き）

1）コースタルトパーズドリフト

HEX： #0ea5b7 #66d9e8 #f2f7f7 #f2c14e #083d77

雰囲気： そよ風、楽観的、海辺

おすすめ用途： 旅行ポスターのデザイン

晴れた水面と深いネイビーの地平線のような、爽やかな海辺のエネルギーが感じられます。明るいトパーズとエアリーなアクアは清潔感を、ゴールドのアクセントは暖かなポストカードの輝きを加えます。旅行ポスターや観光キャンペーン、夏の告知に最適。ネイビーとゴールドは見出しに、アクアはグラデーションに使うのがコツ。ゴールドはアクセントとしてポイント使いし、カラーパレットのフレッシュさを保ちましょう。

media.ioで生成したコースタルトパーズドリフトの画像例

Media.io

Media.ioは、ブラウザでビデオ・画像・オーディオの作成と編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2）サンリットジェムストーン

HEX： #12b3c7 #3fd1c9 #ffd166 #fff1c1 #1b2a41

雰囲気： 明るく、磨き上げられた、プレミアム感

おすすめ用途： スキンケア商品のパッケージ

カットされた宝石に光が当たるように、明るく磨き上げられた雰囲気です。ソフトなクリーム色と温かいイエローは、ティールの印象をスポーティーではなく、よりラグジュアリーにします。トパーズカラーパレットはスキンケアやウェルネスキット、ミニマルなラベルにぴったり。インク色は成分表示、イエローは小さなシールや目立たせたいポイントに活用しましょう。クリーム色をベースにし、ティールはブランドマークなどに限定すれば高級感を演出できます。

media.ioで生成したサンリットジェムストーンの画像例

3）ディープシートパーズ

HEX： #0b7285 #087f5b #0a2342 #1d4e89 #d9f2f2

雰囲気： ムーディー、没入感、シネマティック

おすすめ用途： ゲームのスプラッシュスクリーン

ムーディーで没入感があり、ティールの光がミッドナイトブルーに消えゆく深海のダイブをイメージさせます。シーグラスのような淡い色味が画面上でも重くなりすぎず、読みやすさを保てます。ゲームのスプラッシュ画面やSFプロモ、コントラストが重要なシネマティックなヘッダーに最適。ネイビー×淡いアクアでUIオーバーレイ、グリーンティールはアクションカラーに使い分けましょう。ライトアクアはフラットな白にならないよう、繊細なグレインやビネットを加えると良いです。

media.ioで生成したディープシートパーズの画像例

4）デザートオアシス

HEX： #18a999 #7bdff2 #f4e1c1 #d4a373 #2f3e46

雰囲気： リラックス、太陽に温められた、親しみやすい

おすすめ用途： リゾートロビーのインテリア案

リラックスして太陽に温められた雰囲気は、プールの水と砂のストーンが交わるオアシスのよう。クリームやクレイカラーがアクアをリゾート感に寄せ、テック感を抑えてくれます。ホスピタリティ空間やリゾートブランド、ライフスタイルルックブックで温かみを出したいときに最適。ダークスレートはフレーミングのニュートラルに、トパーズトーンはテキスタイルやアクセントウォールで活用しましょう。サンドトーンを大きな面積で繰り返すとアクアがオアシスアクセントとして生きます。

media.ioで生成したデザートオアシスの画像例

5）ヴィンテージサイアノタイプ

HEX： #1c7c9c #0f4c5c #f6f1e1 #c7b7a3 #2d2a32

雰囲気： ノスタルジック、アーティスティック、エディトリアル

おすすめ用途： 雑誌の特集レイアウト

ノスタルジックで芸術的な雰囲気は、サイアノタイプのプリントや古い紙、インクキャプションを思わせます。くすんだティールが洗練と落ち着きを、ウォームニュートラルは印刷物らしい手触り感をプラスします。雑誌特集やブックカバー、個性的でも落ち着いたポートフォリオレイアウトに最適。最も濃いインク色は本文に、クリーミーペーパーはメインフィールドとして使いましょう。細い罫線や小さなアイコンをくすんだティールで統一するとヴィンテージ感を強調できます。

media.ioで生成したヴィンテージサイアノタイプの画像例

6）トパーズ＆テラコッタ

HEX： #0fa3b1 #b5e2fa #f9f7f3 #f4a261 #9b2226

雰囲気： 鮮やか、ハンドクラフト、モダンボヘミアン

おすすめ用途： レストランメニューフライヤー

鮮やかで手作り感のある雰囲気は、釉薬陶器やサンリットな市場をイメージさせます。クールなティールはテラコッタの重さを軽減し、トパーズカラーの組み合わせが強調されつつも騒がしくなりません。レストランメニューやカフェのフライヤー、温かみのあるフードブランドに最適。ディープレッドブラウンはセクション見出し、ライトアクアは写真の周囲にネガティブスペースとして活用を。テラコッタはプライスやラベルなどに使うことで、メニュー全体を読みやすく保てます。

media.ioで生成したトパーズ＆テラコッタの画像例

7）アークティックグラス

HEX： #2ec4b6 #a7f3f0 #e0fbfc #cbd5e1 #111827

雰囲気： シャープ、ミニマル、リフレッシュ感

おすすめ用途： フィンテックのオンボーディング画面

シャープでミニマルな印象は、フロストガラスやクリーンな冬の空気を連想させます。ほぼ白に近いアクアトーンが余白を作り、ダークスレートが強い構造を生みます。フィンテックのオンボーディングや生産性系アプリ、信頼感とクリアさが重要なインターフェースに最適。最も濃い色は主要なテキスト、ティールはボタンや進行状況などキーポイントに使いましょう。大きくシンプルな形を心がけると、微細な色味もスマホで埋もれません。

media.ioで生成したアークティックグラスの画像例

8）トロピカルラグーン

HEX： #00b4d8 #48cae4 #90e0ef #ffd6a5 #006d77

雰囲気： ポップ、夏らしさ、エナジッシュ

おすすめ用途： サマーフェスのポスター

ポップで夏らしく、真昼のラグーンと温かい砂浜を思わせます。ピーチアクセントを加えることで、クールな青が無機質になりすぎず、フレンドリーでソーシャルな雰囲気になります。夏のイベントポスターやビーチイベント、陽気なSNSキャンペーンに。ディープティールは文字に、ライトブルーはメインの図形やグラデーションに最適。ピーチ色は日付バッジなど1～2点だけにして、階層を明確にするのがコツです。

media.ioで生成したトロピカルラグーンの画像例

9）ミニマルトパーズUI

HEX： #0e9db4 #1f2937 #e5e7eb #f9fafb #f59e0b

雰囲気： クリーン、モダン、プロダクト主体

おすすめ用途： ダッシュボードUIキット

クリーンでプロダクト主導型の印象は、明確なデータ、磨き上げられた面、落ち着いた集中力を連想させます。クールなティールとソフトなグレーが土台となり、アンバーのアクセントが自信に満ちた注目ポイントとなります。トパーズカラーパレットはダッシュボードやSaaSのランディング、UIキットなど、アクセシビリティに優れたコントラストが必要なデザインに最適。チャコールとオフホワイトは構造、アンバーはアラートや重要指標だけに活用を。ティールはプライマリアクションに限定し、アンバーは優先度の高い1点のみでビジュアル競合を防ぎましょう。

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

10) 植物トパーズ春

HEX：#14b8a6 #99f6e4 #ecfccb #fef3c7 #065f46

雰囲気：フレッシュで優しく、自然に優しい

おすすめ用途：水彩ボタニカル招待状

フレッシュで優しく、新しい葉、ひんやりとしたミント水、そして柔らかい朝の光のような感触です。淡いグリーンとクリームは、ティールを企業的ではなくオーガニックな雰囲気に保ちます。春の招待状、エコ文房具、ガーデンイベントのグラフィックに使用してください。名前と見出しに深い緑を組み合わせ、背景に薄いミントウォッシュを塗ります。ヒント: 明るい色調に水彩画の質感を追加して、パレットが平らではなく自然にレイヤードされているように見せます。

media.ioを使って生成した植物トパーズスプリングの画像例

11) ミッドナイト水族馆

HEX：#0b3c5d #1d7a8c #0ea5b7 #9be7ff

雰囲気：ドラマチックで洗練された、夜間照明

おすすめ用途：アルバムジャケットアートワーク

ドラマチックで洗練された、ネオンのウォーターライトがガラスの上を移動する夜の水族館のように見えます。ほぼブラックのベースがトパーズトーンを輝かせ、ハイコントラストなデザインに最適です。アルバム ジャケット、ストリーム オーバーレイ、またはモダンな夜間の雰囲気を求めるイベント アートワークに使用してください。淡いアクアをハイライトとして組み合わせ、タイトルや単一のアイコンには最も明るいティールを保ちます。ヒント: ネイビーからブラックに微妙なグラデーションを追加して、水中の深さを増幅します。

media.ioを使って生成したmidnight aquariumの画像例

12) レトロなプールサイド

HEX：#22c1c3 #00a6fb #f7b267 #fdfcdc #2f2d2e

雰囲気：明るい、懐かしい、ポップ

おすすめ用途：レトロなソーシャルメディア広告

陽気で懐かしい、プールのタイル、夏のおやつ、ヴィンテージの看板を思い出させます。温かみのあるオレンジがクールなブルースのバランスを取っているので、セット全体が遊び心がありフレンドリーに感じられます。このトパーズの色の組み合わせを使用して、レトロなソーシャル広告、ライフスタイルのプロモーション、または素早いエネルギーが必要なカフェのスペシャルに使用してください。チャコールを組み合わせてパンチの効いたテキストを作り、クリームをメインのキャンバスとして読みやすくします。ヒント: 分厚い形状とシンプルなアイコンに頼って、色のレトロなリズムに合わせてください。

media.ioを使って生成したレトロプールサイドの画像例

13) 嵐の港

HEX：#2a9d8f #264653 #1d3557 #a8dadc #f1faee

雰囲気：落ち着いた、頑丈な、アウトドア

おすすめ用途：アウトドアブランドサイト ヒーロー

穏やかで険しく、雨が晴れる直前の港のような雰囲気です。クールで控えめなトーンは、鈍くならずに信頼できるアウトドアを読みます。アウトドアブランド、サステナビリティメッセージング、または安定した信頼を求めるロングフォームの web ヘッダーに使用してください。ナビゲーションと見出しに深いブルーを組み合わせ、通気性のある背景としてソフトミントを使用します。ヒント: 嵐のベースに対して目立つように、ティールでコントラストの高い行動呼びかけを 1 つ追加します。

media.ioを使って生成したstormy harborの画像例

14) シャンパントパーズ

HEX：#17a2b8 #8ecae6 #fff6e0 #e9c46a #6c584c

雰囲気：エレガント、お祝い、ソフトラックス

おすすめ用途：ジュエリー製品広告

エレガントでお祝いの雰囲気で、シャンパンの泡、磨かれた金属、クールな宝石のきらめきを呼び起こします。クリーミーなベースがすべてを洗練させ、ゴールドが即座に高級感を与えます。ジュエリー広告、美容発表会、プレミアムギフトページに使用してください。コピーのためにココアブラウンをペアリングし、製品の周りの背景や反射としてトパーズトーンを使用してください。ヒント: ゴールドがフラットイエローではなくメタリックに見えるように、グラデーションを微妙に保ちます。

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

15) サンゴ礁のアクセント

HEX：#00bcd4 #2dd4bf #ff6b6b #ffe66d #22333b

雰囲気：大胆で晴れやかで遊び心のあるコントラスト

おすすめ用途：子供用スナックのパッケージ

大胆で晴れていて、サンゴ、海の泡、そして明るい熱帯の光のような感じがします。暖かいサンゴと黄色がトパーズの色の組み合わせを作り出し、すぐに棚に優しく楽しいです。子供用スナックの包装、夏の製品のドロップ、遊び心のあるブランドのリフレッシュに使用してください。アウトラインと栄養テキストのための深いスレートをペアリングすると、明るい色がきれいで読みやすいままになります。ヒント: パック フロントのメイン アクセントとしてコーラルまたはイエローのいずれかを選択し、他のサポート アイコンとバーストを使用します。

media.ioを使って生成したサンゴ礁アクセントの画像例

16) スモーキークォーツミックス

HEX：#2fb7c6#8d99ae#edf2f4#6c757d#212529

雰囲気：プロフェッショナル、穏やか、控えめ

おすすめ用途：企業スライドテンプレート

プロフェッショナルで控えめな、グラファイトと紙の上に涼しいガラスのような感じです。グレーは構造を加えるので、ティールは派手ではなく自信を持って読みます。企業のスライド デッキ、アニュアルレポート、コンサルティング ワン ページ ジャーナルに使用してください。タイトルの最も暗いトーンをペアリングし、ライトグレーをチャートの安定したキャンバスとして使用します。ヒント: ティールは主要なデータ ポイントに限定して、広い部屋での投影にビジュアルを鮮明に保ちます。

media.ioを使用して生成されたスモーキークォーツミックスの画像例

17) ネオンサイン トパーズ

HEX：#00e5ff #00b3ff #111827 #f8fafc #ffdd00

雰囲気：电気, ナイトライフ, ハイコントラスト

おすすめ用途：ナイトクラブイベントポスター

エレクトリックでナイトライフにも対応しており、暗い城壁にネオンチューブを配置している様子を思い起こさせます。鮮やかなシアンとブルーはキネティックを感じ、イエローはエネルギーの鋭い打撃を加えます。クラブのポスター、DJ プロモーション、またはすぐに注意が必要なサムネイルのストリーミングに使用してください。クリーンなタイプのためにほぼ黒と白を組み合わせ、ネオントーンに形とストロークを運びましょう。ヒント: 主要な要素にのみ微妙なグロー効果を追加して、デザインを遠くから見やすく保ちます。

media.ioを使って生成したネオンサイントパーズの画像例

18) スカンジナビアのスパ

HEX：#1fb6a6 #c7f9cc #f1f5f9 #94a3b8 #334155

雰囲気：静かで風通しがよく、回復的です

おすすめ用途：スパパンフレットカバー

静かで回復的な、それは蒸気、淡い石、そして涼しいハーブリンスのような感じです。優しいグリーンがティールを柔らかくし、ミックス全体を落ち着かせ、通気性を保ちます。スパのパンフレット、ヨガスタジオ、セルフケアのニュースレターに使用してください。タイポグラフィにスレートトーンを組み合わせ、淡い背景を使用して写真やイラストを快適に座らせます。ヒント: マージンを広くし、細いラインを使用して、パレットを軽くてプレミアムに保ちます。

media.ioを使って生成した北欧スパの画像例

19) エディトリアルインクとトパーズ

HEX：#0f172a #0ea5b7 #e2e8f0 #cbd5e1 #a16207

雰囲気：スマートでモダン、ニュースルームクリーン

おすすめ用途：新聞風の編集レイアウト

スマートでニュースルームのように清潔で、インク、鮮明なコラム、モダンなハイライトペンを提案しています。ダークネイビーがページをアンカーし、トパーズのアクセントが現代的で正確に感じられます。長く読む編集レイアウト、レポート、またはポートフォリオのケーススタディに使用します。暖かい茶色をプル引用符やセクションマーカーの二次アクセントとして組み合わせると、冷たくてテクノロジーだけの感触を避けます。ヒント: 読書体験が落ち着いたままになるように、トパーズをナビゲーション キューとデータ コールアウトに保ちます。

media.ioを使って生成した編集用インクとトパーズの画像例

20) ウェディングシーフォーム

HEX：#2ec4b6 #bff3ef #fff7ed #f4d06f #6d6875

雰囲気：ロマンチック、ライト、コースタルエレガント

おすすめ用途：結婚式の招待状スイート

ロマンチックで軽やかで、海の泡、柔らかいリネン、そして暖かい夕日の輝きのような感じがします。クリーミーなベースがティールを繊細に保ち、落ち着いたバイオレットが優しくモダンなひねりを加えます。結婚式の招待状、セーブ ザ デート、または洗練されたトーンの海岸イベント スイートに使用してください。名前や細かいディテールにはバイオレットグレーを組み合わせ、ゴールドを最小限のホイルのようなアクセントとして機能させます。ヒント: ティールをスクリーンよりわずかに明るく印刷して、風通しの良いエレガントな感触を維持します。

media.ioを使って生成したウェディングシーフォームの画像例

トパーズと相性の良い色は？

トパーズは、鮮明な白、クールなグレー、深いネイビーと自然にマッチします。これらは、UI、スライド、ブランドシステムにきれいなコントラストを与えます。より海岸の雰囲気が必要な場合は、トパーズと淡いアクアスとシーフォームの色合いをブレンドしてください。

暖かさのために、ゴールド、アンバー、テラコッタ、ピーチ、または温かいクリームを追加します。これらの補完的なアクセントは、トパーズが「技術的」に感じすぎないようにし、パッケージ、おもてなし、ライフスタイル デザインにおいて、より高級で人間的なものになるのに役立ちます。

より大胆な外観には、ニアブラックまたはチャコールにプラス1つの明るいアクセント（ネオンシアンやレモンイエローなど）を使用してください。これにより、パレットのコントラストが高く、読みやすくなりながら、トパーズを輝かせます。

トパーズカラーパレットを実際のデザインで使う方法

明確な役割システムから始めます。背景には明るいアクアス、主要なブランド/UIアクションにはミッドトパーズ、テキストと構造にはディープネイビー/チャコールを使用します。これにより、デザインが意図的に感じられ、画面全体の読みやすさが向上します。

印刷では、彩度をコントロールするとトパーズが最もよく見えます。広い領域をわずかに柔らかくし、ロゴ、タイトル、または小さなグラフィック要素に最も鮮やかなティールを予約します。温かみのあるアクセント (ゴールド/テラコッタ) は、ページ全体の塗りつぶしではなく、ハイライトとして最適です。

グラデーションを使用する場合は、濁りを避けるために色合いのシフトをしっかりと (アクア → トパーズ → ディープ ティール) します。暗い映画のようなパレットに微妙なテクスチャやグレインを追加すると、ハイライトが平らではなく明るく感じられます。

AIでトパーズパレットビジュアルを作成

すでに 16 進コードをお持ちの場合は、明確な色の方向を持つ AI 画像ジェネレーターをプロンプトすることで、一貫したポスター、パッケージ モックアップ、UI 画面、カバー アートに変換できます。最速のワークフローは、パレットを選択し、デザインタイプを選択し、色を安定させながら構図を反復することです。

Media.io テキストを画像に変換すると、ブラウザ内で簡単に作成できます。クイック コンセプト、ムード ボード、クライアント対応のビジュアルに最適です。上記のプロンプトをテンプレートとして使用し、プロジェクトに合わせてシーン (ポスター、UI、パッケージ) を入れ替えます。

次： グラフィティカラーパレット