ダークターコイズは、深みがあり、ティール寄りの現代的で落ち着き、そして少し神秘的な色です。UI、ブランディング、ポスター、インテリアの信頼できる基調色として使われ、「クール」な印象を与えつつも冷たすぎる感じになりません。
以下は、HEXコード付きの20種類のダークターコイズ配色アイデアと、組み合わせのコツ、さらにMedia.ioで活用できるAI生成用プロンプトです。
この記事について
なぜダークターコイズの配色はこれほどまでに優れているのか
ダークターコイズはブルーとグリーンの中間に位置し、寒色にも暖色にも自然になじみます。その柔軟性から、ブランドアイデンティティやUIキットといった「ベースカラー」に最適です。
明るいターコイズよりも深みがあるため、クリーム、オフホワイト、淡いミントと組み合わせることで瞬時にコントラストが生まれます。視認性の高いタイポグラフィやダッシュボード、ポスターのレイアウトに最適です。また、真鍮や銅といった金属とも高級感のある仕上がりとなります。
ダークターコイズは、感情的には穏やかで自信のある印象です。海洋的、モダン、そしてややシネマチック。アクセント次第で、スパのような清潔感から夜の街の大胆さまで、ベースカラーを変えずに表現できます。
20種類以上のダークターコイズ配色アイデア（HEXコード付）
1) ディープハーバーティール
HEX： #005f66 #0b3a42 #123d5a #e6e1d6 #c58b5a
雰囲気： 洗練、落ち着き、自信
おすすめ用途： SaaSダッシュボードUIやデータ中心プロダクト
洗練され、航海に適した印象。港の水面にシティライトが映るような深み。インクのようなブルーの奥行きと穏やかなウォームニュートラルのおかげで、ダークターコイズ配色でも可読性が保たれます。クリームはチャートやテーブル、空白に、そして銅色アクセントはプライマリーボタンや重要指標に使いましょう。ヒント：最も濃いティールをメインの背景に使うと、コントラストを維持しつつまぶしさを防げます。
Media.ioで生成したディープハーバーティールのイメージ例
Media.ioはブラウザで動画・画像・音声を編集・作成できるオンラインAIスタジオです。
2) レインフォレストラグーン
HEX： #006d5b #0e4d44 #1f3a2e #f2efe6 #a9c46c
雰囲気： 豊か、ナチュラル、回復感
おすすめ用途： エコ系ブランディング、ウェルネス商品ラベル、グリーン系スタートアップ
豊かなラグーンのグリーンとジャングルの陰影が協調し、自然第一のリラクシングな雰囲気。柔らかいオフホワイトでレイアウトに余白を持たせ、モスグリーンのアクセントでオーガニック感とナチュラルな印象を与えます。リサイクル紙のような質感や無垢系仕上げ、ミニマルな線画アイコンと組み合わせが効果的。ヒント：成分表やサステナビリティ訴求など、可読性を高めたい部分にライトニュートラルを使用してください。
Media.ioで生成したレインフォレストラグーンのイメージ例
3) ヴィンテージダイブバー
HEX： #004b52 #1b1b1b #6b4f3a #d2c2a4 #b33a3a
雰囲気： 無骨、ノスタルジック、力強さ
おすすめ用途： ライブ告知ポスター、バーメニュー、レトロ雑貨
無骨でノスタルジックな雰囲気。使い込まれた木、淡い照明、隅に光るネオンティールサインのようです。温かいタン＆ブラウンがアナログな温もりを出し、レッドは見出しにインパクトをもたらします。チャコールは文字、ターコイズはブロックやボーダー、アイコンの塗りに使用。ヒント：赤は全体の5%〜10%程度にとどめ、ノイズ感ではなく意図的なアクセントにすると効果的です。
Media.ioで生成したヴィンテージダイブバーのイメージ例
4) コースタルナイトフォール
HEX： #005a6a #0a2e36 #2f4a5a #f5f0e8 #d9b07e
雰囲気： 穏やか、高級感、夕暮れ
おすすめ用途： ブティックホテルのインテリアやムードボード
穏やかで上品な印象。日没後の海の空気と暖かいランプの光を想起させます。マットなチャコール、スレートブルーのテキスタイル、サンディメタリックのアクセントがダークターコイズを一層引き立てます。クリームは壁や余白によく合い、ゴールドトーンは金物、フレーム、照明などに取り入れて。ヒント：ウォームアクセントは部屋の随所で少量ずつリピートすると配色に統一感が生まれます。
Media.ioで生成したコースタルナイトフォールのイメージ例
5) アークティックカレント
HEX： #006b78 #083943 #2b2f36 #e9f3f2 #8fd3cf
雰囲気： シャープ、モダン、テクノロジー感
おすすめ用途： フィンテックLPや分析レポート
シャープで現代的。冷たい空気やクリアなガラス、クリアなデータを連想します。ペールミントが開放的なレイアウトに、ほぼブラックの色がプロフェッショナルな印象のタイポグラフィに最適です。シンプルな幾何学図形や細いラインアイコンと合わせると洗練された印象に。ヒント：ライトアクアはホバーステートやチャート内の軽い塗りに使うと、全体が重くなりすぎません。
Media.ioで生成したアークティックカレントのイメージ例
6) ピーコックシャドウ
HEX： #005f6b #2a1f2d #3b5966 #efe7dd #a06cd5
雰囲気： ドラマティック、ファッショナブル、アーティスティック
おすすめ用途： ファッション誌やルックブック
ドラマティックでアート性が高く、暗い場所で見た孔雀の羽根に紫の光沢がのぞくイメージ。パープルのアクセントがランウェイのようなエナジーを加え、クリームが全体を重くしすぎません。ハイコントラストの写真や余白を多くとるとラグジュアリーで編集的なリズムに。ヒント：バイオレットは引用やセクションマーカーなど「サイン」の部分に絞って使うのがポイントです。
Media.ioで生成したピーコックシャドウのイメージ例
7) パティナワークショップ
HEX： #006a70 #3a3f43 #7a5c46 #f1e6d6 #9aa5a9
雰囲気： クラフト、インダストリアル、温かみ
おすすめ用途： コーヒーパッケージや職人系商品ラベル
クラフト感と工業的な雰囲気。経年変化した金属やストーンウェアカップ、温かいロースタリーを思わせます。ダスティグレーがコントラストを和らげ、ブラウンは手作り感や香ばしさをプラス。ターコイズはメインロゴ部分に、クリームは商品詳細やテイスティングノートに使用。ヒント：控えめな紙の繊維感やスタンプ加工をプラスするとワークショップ感がUPします。
Media.ioで生成したパティナワークショップのイメージ例
8) ミッドナイトアクアリウム
HEX： #004e5a #031b1f #0f3440 #d9f2f0 #ff6b6b
雰囲気： ムーディ、シネマ感、エレクトリック
おすすめ用途： 音楽アート・ナイトライフ系ブランディング
ムーディで映画のワンシーンのよう。真夜中の水族館トンネルにネオンコーラルが走る光景を連想します。ほぼブラックの色がレイアウト全体を引き締め、コーラルのアクセントでタイトルやステッカーに勢いをプラス。グレインやグローエフェクト、大胆なサンセリフでクラブ感も演出。ヒント：コーラルは主役要素だけに留めて、ダーク系が主導権を握るように。
Media.ioで生成したミッドナイトアクアリウムのイメージ例
9) ストーミースプルース
HEX： #005c5f #1c2b2a #3c4f4e #e7e2d8 #7f8a5a
雰囲気： タフ、アウトドア、安定感
おすすめ用途： アウトドアギアのブランド・カタログデザイン
タフで安定感のある、濡れたスプルースの葉と曇天のトレイル気分。ウォームライトニュートラルで商品ページも読みやすく、オリーブアクセントが実用的＆堅実な印象を加えます。マットな仕上げ、等高線パターン、強めの文字組みとの組み合わせがおすすめ。ヒント：グリーングレーの中間色は2次的ボタンやサイズ選択肢に使うことで主要アクションとバッティングしません。
media.io を使って生成された嵐のスプルースの画像例
10) 墨とシーグラス
HEX： #00606b #0b1f2a #415a6b #e8f0ee #b9d8d2
雰囲気： 静か、文学的、洗練された
おすすめ用途： 書籍カバーや長文ブログのデザイン
静かで文学的で、厚紙にインクを乗せたような感触と波で磨かれたシーグラスを想起させます。インクネイビーの濃い色合いは文字を引き締め、淡いアクアはページを軽やかで現代的に保ちます。セリフ体の見出しやミニマルなイラストと組み合わせると、上品で読みやすい印象に。コツ：本文は濃いインク色で、ターコイズはセクション区切りや引用に使うと効果的です。
media.io を使って生成された墨とシーグラスの画像例
11) コッパーケルプ
HEX： #005b63 #2a2a2a #b66a3c #f3e7d6 #6f7b4b
雰囲気： アーシー、食欲をそそる、モダンラスティック
おすすめ用途： レストランのメニューやフードブランドのアイデンティティ
アーシーで食欲をそそり、昆布の森や銅製の鍋、温かなパンの色合いを思い起こさせます。コッパーオレンジはフード写真を一気に華やかにし、濃いティールはブランドをファームハウス風でなくモダンな印象に保ちます。ざらざらした紙のメニューやクリーンなデジタル注文画面どちらにも合います。コツ：価格やアクションにはコッパー色を使って、必要な情報がすぐ目に入るように。
media.io を使って生成されたコッパーケルプの画像例
12) セラドン・デプス
HEX： #006873 #103a3f #2e6f7e #f6f2ea #cfe7de
雰囲気： クリーン、スパのよう、プレミアム
おすすめ用途： スキンケア広告やミニマルな商品ページ
クリーンでスパのような雰囲気があり、蒸気やガラス、冷たい石上の水を感じさせます。ダークターコイズのカラーパレットは、深いトーンと空気感あるセラドンやクリーミーなアクセントを組み合わせることでプレミアム感がアップします。余白を多くとり、細い罫線、控えめな商品写真を活用して。コツ：見出しはひとつの濃いティールで、それ以外は柔らかい色味にし、落ち着いたクリニカルな仕上がりに。
media.io を使って生成されたセラドン・デプスの画像例
13) ネオンリーフアクセント
HEX： #005e6a #082a33 #19a7a8 #f2f5f6 #ffb703
雰囲気： エネルギッシュ、遊び心、高コントラスト
おすすめ用途： ゲームUI、ストリームオーバーレイ、eスポーツバナー
エネルギッシュで遊び心に溢れ、深い水を切る発光リーフライトを思わせます。明るいアクアとアンバーがバッジやタイマー、注目した統計データに瞬時に階層を作ります。ダークパネルとクリアな白テキストと組み合わせると、迅速な操作中も読みやすいままです。コツ：アンバーは1つの主要アクションに絞ることでクリックのしやすさを保てます。
media.io を使って生成されたネオンリーフアクセントの画像例
14) スレートウェーブ・ミニマル
HEX： #00636c #2e3a40 #8a9aa6 #f7f4ef #c2b8a3
雰囲気： ミニマル、プロフェッショナル、落ち着き
おすすめ用途： ピッチデッキや企業プレゼンテーション
ミニマルで落ち着いた雰囲気で、スレート石や霧、安定した海岸線を連想させます。クールグレーがスライドをプロフェッショナルに保ち、暖かいベージュは親しみやすさを添えます。シンプルなグラフ、広い余白、限られたアイコンセットと合わせて。コツ：ターコイズはセクションヘッダーや重要な数字にのみ使い、視線誘導をシンプルに。
media.io を使って生成されたスレートウェーブ・ミニマルの画像例
15) モッシーターコイズガーデン
HEX： #006a67 #2d4a3f #6f8f72 #f3efe6 #c8d8b8
雰囲気： フレッシュ、ボタニカル、癒し
おすすめ用途： 水彩ボタニカル、ステーショナリー、春のアートプリント
フレッシュでボタニカルな印象で、木陰のある庭の小道や葉の露を思い起こさせます。ソフトなグリーンが自然にターコイズと溶け合い、イラスト作品に落ち着きと穏やかさをもたらします。軽やかな紙の質感や繊細な線画と合わせて空気感を演出。コツ：クリームは紙のベースとして使い、グリーンを透けるように重ねて柔らかさを保ちましょう。
media.io を使って生成されたモッシーターコイズガーデンの画像例
16) レトロプールタイル
HEX： #005f73 #0a3d4a #94d2bd #e9d8a6 #ee9b00
雰囲気： 陽気、レトロ、グラフィック
おすすめ用途： サマー招待状やイベントフライヤー
陽気でレトロな雰囲気で、プールタイルや日焼けしたタオル、ミッドセンチュリーポストカードを彷彿とさせます。ダークターコイズとソフトミント、クリーミーなイエローベースの組み合わせでぐっと鮮やかに。幾何学模様や太いフチ、遊び心のある書体で懐かしい雰囲気に。コツ：未加工紙に印刷すると、イエローがよりノスタルジックに感じられます。
media.io を使って生成されたレトロプールタイルの画像例
17) インダストリアル・ティールスチール
HEX： #005a60 #1f2326 #4e5d66 #e6e8ea #7c8c94
雰囲気： インダストリアル、シャープ、モダン
おすすめ用途： アプリアイコンセットやUIコンポーネント
インダストリアルでシャープな印象、ブラッシュスチールや機械パネル、クリーンな作業場の照明を連想させます。グレーがコンポーネントライブラリの基盤となり、ターコイズが自信あるブランドの軸となります。均一な線幅やシンプルなスクエアアイコン形状と組み合わせて。コツ：ライトグレーはデフォルト面として使い、ティールはアクティブ状態で目立たせて明快に。
media.io を使って生成されたインダストリアル・ティールスチールの画像例
18) 砂漠のオアシスダスク
HEX： #006b6f #2c2a2a #c97c5d #f2e6d3 #7aa39f
雰囲気： 旅情、温かみ、シネマティック
おすすめ用途： 旅行ポスターや目的地ブランディング
旅情と温かみを感じさせ、夕暮れのオアシスとテラコッタ崖がクールな水面に溶けていくような雰囲気。ピーチクレイの色味は濃いティールと美しく調和し、太字タイトルや日差しのアクセントに効果的。空や余白にはクリーム色を、セカンド背景には控えめなアクアを。コツ：微細なグレインを加えて、ポスターに印刷されたコレクション感を出してみて。
media.io を使って生成された砂漠のオアシスダスクの画像例
19) ウィンターフィヨルドライト
HEX： #005d6b #13343b #5f7c86 #f5f7f8 #cfd8dc
雰囲気： 静けさ、エアリー、北欧風
おすすめ用途： ホームデコスタイリングやミニマルなウェブサイト
静かでエアリー、北欧のフィヨルドのクールな空気と淡い昼光を感じさせます。氷のようなニュートラルカラーでクリーンな印象を保ち、濃いティールが見出しや家具アクセントに奥行きを与えます。ライトウッドやシンプルな陶器、ソフトなテキスタイルと合わせて、落ち着いたモダンルームへ。コツ：補助テキストはミッドブルーグレーを使い、真っ黒は避けて控えめなコントラストに。
media.io を使って生成されたウィンターフィヨルドライトの画像例
20) ゴシック・ティールベルベット
HEX： #00545f #140f14 #3a2b3d #efe6df #b99aa6
雰囲気： ロマンティック、ダーク、エレガント
おすすめ用途： ウェディング一式やラグジュアリー招待状
ロマンティックでダーク、ローソクの灯りに照らされたティールベルベットやプラムの影を思わせます。柔らかなブラッシュモーヴが夜のエレガンスを壊すことなく雰囲気を明るくし、クリーム色はタイポグラフィをシャープに見せます。セリフ体レタリングや箔押し、ミニマルな花の線画と組み合わせてモダンゴシックな印象に。コツ：最も深い色味はマットな質感で印刷し、パレットに触感を。
media.io を使って生成されたゴシック・ティールベルベットの画像例
ダークターコイズと合う色は？
ダークターコイズは暖色系のニュートラル（クリーム、サンド、タン）とよく合い、クールな奥行きを和らげインバイトなデザインに仕上がります。より高級感を求めるなら、コッパーやブロンズ、控えめなゴールドなど、メタリック調のアクセントを加えてください。
モダンなUI感を出したい場合は、ダークターコイズをほぼ黒やスレートグレー、アイシーオフホワイトと組み合わせましょう。明確な階層、強い可読性、そして引き締まった「テクノロジー感」が生まれます。
より大胆なコントラストがほしい場合は、少量のコーラル、アンバー、バイオレットをアクセントに。これらの色はダークターコイズとの相性抜群で、パレット全体をネオンに傾ける必要はありません。
ダークターコイズ配色を実際のデザインに活用する方法
ブランディングでは、ダークターコイズをロゴの塗りやヘッダーバー、パッケージのブロックなどの主役に使い、コールトゥアクションには温かみのある1色を選んで。背景はアプローチしたいなら明るく（クリームやオフホワイト）、もっとシネマティックにしたいならダークに。
UIにおいて、ダークターコイズはナビゲーションやヒーローセクション、アクティブ状態に特に適しています。アクセシビリティを保つには、最も暗い色調をサーフェスに使い、高コントラストのテキスト（オフホワイト）を配置し、アクセントカラーは重要なアクションやアラートに限定しましょう。
インテリアやポスターの場合、ダークターコイズを特徴的な壁やソファ、大きなタイポグラフィブロックなどに数カ所だけ繰り返し使い、ミッドトーンのスレートや暖かいディテールと響かせましょう。その繰り返しで配色が統一され、“ランダムなティール”にはなりません。
AIでダークターコイズ配色ビジュアルを作成する
実際にこのパレットをイメージしたい場合は、上記プロンプトを使ってUI画面やポスター、ラベル、ムードボードなどのモックアップを生成し、ライティングやテクスチャ、レイアウトスタイルをブランドに合わせて調整してみてください。
Media.io のテキスト to 画像ツールを使えば、同じダークターコイズのベースを保ちつつ（よりチャコール、よりクリーム、より明るいアクセントなど）様々なバリエーションを素早く試せます。
ダークターコイズカラーパレット よくある質問
-
ダークターコイズのHEXコードは？
ダークターコイズは複数のディープティール系シェードを指します。本記事での例は #005f66、#00606b、#005a6a などがあります。プロジェクトのライティングやコントラストに最適なものをお選びください。 -
ダークターコイズは青みが強い？緑みが強い？
青と緑の中間ですが、ほとんどの「ダークターコイズ」パレットはティール（青緑）寄りです。モスやオリーブのアクセントを加えればグリーン寄りに、スレートやネイビーを加えればブルー寄りになります。 -
ダークターコイズに合うニュートラルカラーは？
クリーミーなオフホワイト、暖かいベージュ、柔らかなグレーが合わせやすいです。強いコントラストを抑えつつ、ダークターコイズを豊かで読みやすく見せます。 -
ダークターコイズを引き立てるアクセントカラーは？
コッパー、アンバー、コーラル、バイオレットはインパクト大。ボタンや価格、バッジ、重要な見出しなどに5〜10％程度使うのがオススメです。 -
ダークターコイズはウェブサイトの背景に使えますか？
はい、特にダッシュボードやランディングページのヒーローセクションなど、目に優しい背景に最適です。オフホワイトのテキストと組み合わせ、インタラクティブなアクセントは一貫性を持たせて明快に。 -
ダークターコイズは高級ブランド向けにも使えますか？
クリーム、チャコール、金やコッパー、ブラスなどメタリック調アクセントと合わせることで、非常にプレミアムな印象を与えられます。マットな質感や余白、抑えたタイポグラフィで「ラグジュアリー」な雰囲気を実現しましょう。 -
AIでパレットベースのモックアップを生成するにはどうすればいいですか？
デザイン（UI、ポスター、ラベル、インテリアムードボード）を説明し、パレットの色や素材（例：クリーム色の背景、銅色のボタン、チャコールのテキスト）を明示的に指定したプロンプトを使用してください。Media.ioのテキストから画像への機能を使えば、イメージが要件に合うまで簡単に繰り返し作成できます。
次へ： ダークアカデミアカラーパレット
