ダークタンジェリンは自信に満ちた、エネルギッシュで少し土っぽさを感じさせる暖かいオレンジ色です。現代的なカラーパレットの基軸として幅広く活用できます。
下記はダークタンジェリンのカラーパレット案とHEXコードです。ブランディング、UI、ポスター、パッケージ、居心地の良いインテリア mood board で使用できます。
本記事の内容
ダークタンジェリンパレットが優れている理由
ダークタンジェリンは鮮やかなオレンジと素朴なテラコッタの間に位置し、組み合わせる色によって遊び心にも高級感にも見せられます。瞬時に暖かみを加えながら、単調にはなりません。
アクセントカラーとしても優れています。少量でもボタンやバッジ、強調やアクションの誘導に効果的です。チャコール、ネイビー、スレート、または暖かいニュートラル系で基礎をつくると、洗練された印象を保てます。
ダークタンジェリンは自然に太陽光やスパイス、エネルギーを連想させるので、親しみやすさと勢いを両立させたいブランドにおすすめです。特にUIでは、コントラストや階層が重要になる場面で活躍します。
20種類以上のダークタンジェリンカラーパレット（HEXコード付き）
1) シトラスノワール
HEX: #e0741e #1e1b18 #f5e6d3 #6c7a89 #c9a227
雰囲気: 大胆・編集・ムーディー
おすすめ用途: ファッションブランド・ルックブック
夜のギャラリーオープンの温かなアンバーの光のような、大胆で編集的なコントラスト。深い黒に近いカラーがオレンジを高級感ある雰囲気に引き締めます。クリーム色の紙の質感や淡いスチールを合わせると、現代的なバランスが生まれます。使い方のポイント：オレンジは見出しや小ブロックに使い、暗いベースに重みを持たせて。
media.ioで生成したシトラスノワールのイメージ例
Media.ioは、ブラウザで動画・画像・音声の作成や編集ができるオンラインAIスタジオです。
2) テラコッタリネン
HEX: #d86a2b #f2e5d5 #bfa38a #7a5a44 #2e2a25
雰囲気:雰囲気：
おすすめ用途:インテリア mood board
焼き上げた陶器やリネンのカーテン、手作りの器を思わせる温かく素朴な色合いです。ダークタンジェリンの組み合わせでは、明るいニュートラルが広い範囲を占めると最もバランス良く仕上がります。ココアブラウンはタイポグラフィや装飾の深み付けに。使い方のポイント：オレンジと暗めのアクセントの間を中間タンでつなぐと柔らかな印象に。
media.ioで生成したテラコッタリネンのイメージ例
3) サンセットハーバー
HEX: #e67b2e #0f3b4c #f7c59f #1f6f8b #f2f2f0
雰囲気:雰囲気：
おすすめ用途:旅先ポスター・観光広告
夕方の港のようなフレッシュな沿岸エネルギー。ネイビーとティールがオレンジに秋っぽさを与えすぎず、旅行関連デザインにぴったりの爽やかさを維持します。白余白と幾何学図形でクリーンにまとめて。使い方のポイント：ティールはセカンダリーアイコンに、オレンジは主なアクションに。
media.ioで生成したサンセットハーバーのイメージ例
4) スパイスアプリコット
HEX: #f08a3c #ffd7b0 #a64b2a #5e6b4e #2b2b2b
雰囲気:雰囲気：
おすすめ用途:コーヒーパッケージ・カフェメニュー
焼き果物やシナモン、木の棚を思わせる居心地良く食欲をそそる温かさ。グリーンが調和を与え、深みのあるイメージに。淡いアプリコットは暗めの文字と組み合わせて読みやすく。使い方のポイント：最も濃いブラウンは本文テキストに、オレンジはバッジやフレーバー強調に。
media.ioで生成したスパイスアプリコットのイメージ例
5) アンバースレート
HEX: #d9772a #2f3a44 #8fa1b3 #f1efe9 #b65d1a
雰囲気:雰囲気：
おすすめ用途:SaaSブランド・ランディングページ
暖かな光が磨かれた金属に差すような、現代的かつ堅実な印象。スレートとブルーグレーが主役になると、信頼感のある雰囲気になります。余白とすっきりしたサンセリフ書体でまとめて。使い方のポイント：深めのオレンジはホバーやアクティブ状態に使い、操作に意図を感じさせます。
media.ioで生成したアンバースレートのイメージ例
6) タンジェリンティール
HEX: #e86f1c #0f7c7a #0b2e3a #f3f0e7 #f2b84b
雰囲気:雰囲気：
おすすめ用途:アプリのオンボーディング画面
日の出ランニングのような鮮やかでスポーティーなエネルギー。ティールが鋭いコントラストを作り、ハードになりすぎずシャープさを際立たせます。オフホワイトは余白を広めに使い、インターフェースの息苦しさを防ぎます。使い方のポイント：ゴールドアクセントは進捗などに、ティールはセカンダリーアクションに。
media.ioで生成したタンジェリンティールのイメージ例
7) 秋のマーケット
HEX: #d86c24 #8c3b1f #f0d7b8 #3e4a2e #2c2a23
雰囲気:雰囲気：
おすすめ用途:ファーマーズマーケットチラシ
積み上げたカボチャやタグ、乾燥ハーブが呼び起こすアーシーで懐かしい暖かみ。深いマルーンとオリーブによってオレンジにハンドメイド感と季節感が加えられます。シンプルなイラストと太め見出しで視認性良く。使い方のポイント：非加工紙に印刷して色合いをより豊かで自然に見せましょう。
media.ioで生成した秋のマーケットのイメージ例
8) カッパークラウド
HEX: #c96522 #e9d4c3 #aab4b8 #5a646b #2d2f33
雰囲気:雰囲気：
おすすめ用途:プレゼン用テンプレート
銅のディテールと霧やコンクリートが混ざるような落ち着きと洗練。クールグレーがオレンジをスライドやチャートで主張しすぎないよう調和させます。ミニマルなラインアイコンと均等なスペーシングで整理を。使い方のポイント：オレンジは重要数字の強調に、他はグレーで明瞭さを。
media.ioで生成したカッパークラウドのイメージ例
9) デザートダスク
HEX: #e07a1f #5c4a3b #c9b29b #2f6b63 #1f2326
雰囲気:雰囲気：
おすすめ用途:アウトドアブランドパッケージ
映画のワンシーンのような冒険的な雰囲気、夕暮れの砂漠道が冷えていく様子。ティールグリーンはオアシスのニュアンス、砂や石のブラウンとの対比が印象的です。ラフな書体やシンプルなバッジマークと合わせて。使い方のポイント：最も暗いトーンはアウトラインやラベルに使い、暖色系を主役に。
media.io を使用して生成された、砂漠の夕暮れの画像例
10) パーシモンスタジオ
HEX: #f27f2b #1d1d1f #f6f1e6 #3b5f8a #e0b45a
雰囲気: クリエイティブ、洗練、高コントラスト
おすすめ用途: ポートフォリオウェブサイト
スタジオのスポットライトが暖かい背景を照らすような、クリエイティブで洗練された高いコントラスト。ダークタンジェリンのカラースキームはインクのようなチャコールとデニムブルーのアクセントでシックさを増します。たっぷりの余白を合わせてレイアウトをモダンに保ちましょう。使い方のコツ：ゴールデントーンはさりげない区切りやホバー状態に使い、無駄な色を足さないようにします。
media.io を使用して生成されたパーシモンスタジオの画像例
11) ヴィンテージポストカード
HEX: #d96b2a #f4e1c6 #9d8b7a #4a3b35 #5a7d7c
雰囲気: ノスタルジック、ソフト、旅の風合い
おすすめ用途: ウェディングステーショナリーセット
良く旅されたポストカードに日の光で色あせたインクのようなノスタルジックな柔らかさ。くすんだティールが暖色のオレンジやブラウンをやさしく引き立てます。質感ある紙や上品なセリフ体と組み合わせてタイムレスなルックに。色の使い方：オレンジはモノグラムや装飾に控えめに使い、全体の繊細さを保ちます。
media.io を使用して生成されたヴィンテージポストカードの画像例
12) クレイ＆セージ
HEX: #d46a28 #7a8b6a #f3e9da #3f4b3e #b9a089
雰囲気: ナチュラル、バランス、落ち着き
おすすめ用途: ウェルネスブランドアイデンティティ
テラコッタの植木鉢、砕いたハーブ、暖かい日差しを思わせるナチュラルなバランス。セージグリーンがパレットに落ち着きを与え、オレンジをよりオーガニックに感じさせます。ソフトなグラデーションや紙の風合いと組み合わせてやさしい仕上げに。使い方のコツ：背景にはセージを使い、オレンジは主な特長やアイコンの強調のみに使いましょう。
media.io を使用して生成されたクレイ＆セージの画像例
13) ボンファイアナイト
HEX: #e06b1b #3a1f1a #2b2b2b #f2c14e #f6e8d7
雰囲気: ドラマティック、暖かい、フェスティブ
おすすめ用途: イベントポスターやチケットグラフィック
夜空に弾ける火花のようなドラマティックな暖かさと、縁取りを照らすエンバーゴールド。深みのあるブラウンとブラックがオレンジの華やかさを大人っぽく演出します。太めのタイプやシンプルなアイコンと組合せるのがコツ。使い方：クリームは日付や会場情報などの目立たせゾーンに。
media.io を使用して生成されたボンファイアナイトの画像例
14) オーチャードクリーム
HEX: #e67a2a #fff1dc #bfd4c7 #6a7b75 #8a4b2a
雰囲気: 新鮮、風通し良い、ヘルシー
おすすめ用途: オーガニック食品ラベル
果樹園でのピクニックのように、新鮮で軽やかなクリームやソフトグリーンのトーン。やさしいミントのような色味がオレンジに清潔感を与え、食品や飲料に適しています。シンプルなイラストと、ゆとりある余白を組み合わせましょう。使い方のコツ：オレンジは特色印刷にして、ラベル全体の一体感を保ちます。
media.io を使用して生成されたオーチャードクリームの画像例
15) アーバンブリック
HEX: #c85d22 #2b3036 #c7cdd1 #f2f2f2 #7b4a2e
雰囲気: アーバン、クリーン、控えめ
おすすめ用途: 建築スタジオウェブサイト
アフタヌーンライトを浴びた煉瓦とスチールやコンクリートを思わせる都会的な抑制。グレートーンがオレンジを現代的かつ落ち着かせます。シャープなグリッドや細いルール、モノクロ写真と合わせましょう。使い方：オレンジはナビゲーションのポイントや主要リンクだけに絞り、ノイズを防ぎます。
media.io を使用して生成されたアーバンブリックの画像例
16) ゴールデンラスト
HEX: #d46b1e #b97a2b #5b3a29 #e7d6c5 #2c3e3a
雰囲気: ヘリテージ、アウトドア感、触感的
おすすめ用途: クラフトビール缶デザイン
使い込んだレザーや真鍮のディテールのような、ヘリテージ感とタクタイルなアウトドアテイスト。深いグリーンがクラシックな重みを与え、オレンジに意図的なヴィンテージ感をプラスします。バッジロゴや質感のあるパターンと相性抜群。使い方：クリームはネガティブスペースとして使い、濃い色味が重たくなりすぎないようにしましょう。
media.io を使用して生成されたゴールデンラストの画像例
17) ウォームミニマルUI
HEX: #e57a26 #ffffff #f2e7db #2a2a2a #6b7280
雰囲気: ミニマル、フレンドリー、モダン
おすすめ用途: モバイルUIキット
暖かい日差しが白いデスクに差し込むようなミニマルで親しみやすい雰囲気。ダークタンジェリンのカラーパレットは、視認性を損なうことなくアクションカラーを強調したい時に最適です。チャコールのテキストと柔らかいウォームグレーのサーフェイスと組み合わせて。使い方：オレンジは主ボタンやトグルのみで使い、アクセシビリティと明瞭さを保ちます。
media.io を使用して生成されたウォームミニマルUIの画像例
18) ボタニカタンジェリン
HEX: #e4721e #2e5e4e #a6c2b2 #f7e7d0 #6b3f2a
雰囲気: 新鮮、ボタニカル、安らぎ
おすすめ用途: 春のイラスト・グリーティングカード
柑橘の花や葉をソフトなウォッシュ調で描いたような、みずみずしいボタニカルの安らぎ。グリーンのレイヤリングがオレンジの主張を和らげ、自然な印象に。手描き風のタイポと紙質感の背景を合わせて。使い方のコツ：影色はグリーンのいずれかで統一し、イラスト全体にまとまりを。
media.io を使用して生成されたボタニカタンジェリンの画像例
19) フェスティバルポスター
HEX: #f06e1d #f2c94c #1b3a57 #f6f1e9 #d64545
雰囲気: ポップ、ラウド、コンテンポラリー
おすすめ用途: 音楽フェスティバルポスター
ステージライトが大胆な紙のフォルムに反射するような、ポップで力強い現代的なカラー。ダークタンジェリンの組み合わせは、ネイビーとイエローに支えられ最新感が高まります。太字のタイプとシンプルなジオメトリーで遠くからもインパクト抜群。使い方のコツ：赤は日付や完売タグなどごく小さく、面積を広げないのがポイントです。
media.io を使用して生成されたフェスティバルポスターの画像例
20) コージーキャビン
HEX: #d86a25 #4b3328 #cbb49b #7c8a75 #f5ebdd
雰囲気: 居心地いい、穏やか、生活感
おすすめ用途: ライフスタイルブログのヘッダー
編み物ブランケットや暖かい木材、午後のお茶のような居心地の良さ。セージグレーグリーンがオレンジをちょうどよく冷やし、リラックス感を出します。やわらかい写真とセリフ見出しでさらにホーム感を。使い方：背景はクリーム、オレンジはアイコンや小さなアクセントだけに。
media.io を使用して生成されたコージーキャビンの画像例
ダークタンジェリンと相性の良い色は？
ダークタンジェリンはチャコール、ほぼブラック、エスプレッソブラウン、スレートグレーなど深いニュートラルと美しい組み合わせになります。これらのシェードはオレンジを上質に見せ、タイポグラフィやUIパーツにも高いコントラストを与えます。
クールなバランスが欲しい時はティール、デニムブルー、ネイビー、ブルーグレーと合わせましょう。これによりダークタンジェリンは季節感が強すぎず、鮮やかで現代的な印象になります。オフホワイトやクリーム、暖かい紙色もパレットに呼吸感を与えます。
よりアーシー路線にはセージ、オリーブ、サンド、クレイブラウンを加えて。これらの組み合わせは自然で落ち着いた雰囲気になり、ウェルネス、食品、インテリアにぴったりです。
ダークタンジェリンカラーパレットを実際のデザインで使う方法
ダークタンジェリンはまずアクセントに使いましょう：主なボタン、キ―アイコン、バッジ、ハイライトなどです。使う割合を抑えることで階層がはっきりし、インターフェイスがうるさく感じません。
印刷物では、ダークタンジェリンは見出しや図形、強調に最適です。テクスチャドクリームや未加工の紙と組み合わせるとより特徴的に。濃いベース（チャコールまたはダークブラウン）を加えて可視性を高め、クールなアクセント（ティールやスレート）で現代感を出しましょう。
ブランディングシステムでは、メインのオレンジ、ホバー/アクティブ用の濃いオレンジ、そして2つのニュートラル（明るい表面色＋ダークテキスト）を定義してください。これでウェブやパッケージ、SNSテンプレート全体で一貫性が保たれます。
AIでダークタンジェリンパレットのビジュアルを作成する
すでにHEXコードはあるが視覚イメージが必要な場合—ポスター、UIモック、ラベル案、ムードボードなど—AI画像生成で手早くスタイル検討ができます。
上記プロンプトをテンプレートに、製品やレイアウト、アスペクト比を入れ替えて使いましょう。カラーワード（ダークタンジェリン、クリーム、スレート、ティール等）は変えずに出力をパレットに統一してください。
いくつかバリエーションを作成し、最も良い構成を選び、プロンプト（タイポスタイル、余白、素材感など）を絞り込んでブランドに合うまで調整します。
ダークタンジェリン・カラーパレットのよくある質問
-
ダークタンジェリンのHEXコードは？
ダークタンジェリンはパレットによりますが、この記事の一般的な例は #e0741e、#e07a1f、#d9772a です。どれも暖かみがあり深みのあるアーシーなオレンジです。 -
ダークタンジェリンは「オレンジ」寄りですか、「テラコッタ」寄りですか？
その中間です。テラコッタより明るく、派手なネオンオレンジよりも落ち着きがあります。明るい印象ならクリームと、テラコッタ感ならブラウンやクレイと組み合わせましょう。 -
ダークタンジェリンに合うコントラスト強調色は？
ティールやブルーグリーン系が最良。色相環でオレンジの反対側に位置し、強いながらも心地よいコントラストを生みます。ネイビーやスレートブルーもプロフェッショナル感が必要な場面に◎ -
ミニマルUIでダークタンジェリンは使えますか？
はい。主なアクション（ボタン、トグル、アクティブ状態）だけに使い、背景は白～オフホワイト＋チャコール文字にすると明瞭でアクセシビリティも高まります。 -
ダークタンジェリンが「秋っぽく」なりすぎるのを防ぐには？
ティールやネイビー、スチールブルー、ニュートラルグレーなどのクール色でバランスを取りましょう。また、余白を多く取り、タイポグラフィはシンプルにするとグッとモダンな印象に近づきます。 -
ダークタンジェリンに合うニュートラル色のおすすめは？
クリーム色、暖かみのあるオフホワイト、ベージュの紙色、チャコールが最も信頼できます。これらのニュートラルカラーはダークタンジェリンをよりリッチに見せ、テキストやUI要素の視認性を保ちます。 -
自分のブランドのためにダークタンジェリンのパレット画像をどのように生成できますか？
Media.ioのテキストから画像へのツールを使い、対象（ポスター／UI／ラベル）、スタイル（ミニマル、エディトリアル、水彩）、必要なら色名やHEXコードを含めた明確なプロンプトを入力し、少しずつ調整しながら生成してください。
次へ： サブウェイカラーパレット
