サブウェイのカラーパレットは、インダストリアルニュートラル、タイルにインスパイアされたグリーンとティール、視認性の高いシグナルブライトをブレンドしており、すぐに読みやすく、驚くほど汎用性があります。
UI、ポスター、パッケージ、ブランド システムをデザインする場合でも、これらのサブウェイ カラーは、強力な階層、明確なコントラスト、モダンな都会的な雰囲気を構築するのに役立ちます。
この記事では
サブウェイパレットがうまく機能する理由
サブウェイパレットは明瞭さのために構築されています。ステーションは、コントラストの高いタイポグラフィ、シンプルな形状、繰り返し可能な色のルールに依存しているため、これらの組み合わせは自然にクリーンなブランディング、ポスター、UIシステムに変換されます。
また、クールなインフラトーン (木炭、スレート、スチール、コンクリート) と人間の暖かさ (砂、ペーパークリーム、錆、真鍮) のバランスも取っています。そのコントラストが、無菌ではなくモダンに感じられる「シティニュートラル」な外観を生み出します。
最後に、地下鉄の色の組み合わせは階層に最適です。見出しには深い暗闇、表面には柔らかい光、行動の呼びかけ、ルート、バッジ、またはアラートには限られたアクセントのセットがあります。
20 以上の地下鉄カラー パレットのアイデア (十六進コード付き)
1) プラットフォームセージ
十六進：#2f3a35 #4f6b5b #9bb39a #e7e2d3 #c59b4a
気分：落ち着いた、地に足のついた、静かな都会的な雰囲気
最適な場合:道案内の看板、カフェのブランディング、シティガイドのレイアウト
塗装された鉄柱や使い古された駅のタイルのように落ち着いて地についたこれらの緑は、静かに都会的な感じがします。深みのあるチャコールセージと柔らかい温かみのあるニュートラル、真鍮のようなアクセントのバランスが取れたミックスです。叫ぶことなく明確さを必要とするサイネージ システム、メニュー、ブランド マークに美しく機能します。使用法のヒント: 地下鉄のカラー パレットが遠くから読みやすいように、矢印やキー ラベルにゴールド トーンを予約してください。
media.ioを使って生成したプラットフォームsageのイメージ例
Media.io は、ブラウザでビデオ、画像、オーディオを作成および編集するためのオンライン AI スタジオです。
2) 回転木炭
十六進：#1f2326 #3a3f44 #6b7076 #d9d4c7 #b45a3c
気分：洗練された、産業用、プレミアム
最適な場合:ストリートウェアのパッケージ、ラベルデザイン、モノクロブランディング
洗練されたインダストリアルで、回転木戸、ゴムフローリング、深夜の通勤を思い起こさせます。柔らかいグレージュがチャコールレンジの重さを防ぎ、サビのアクセントがメタルオンメタルの触覚的な暖かさを加えます。プレミアム パッケージ、ハング タグ、抑制されたエッジを必要とするミニマリスト ブランド システムに使用してください。使い方のヒント：サビの色合いをマットストックにスポットカラーとして印刷すると、ハイエンドな仕上がりになります。
media.ioを使って生成した回転木炭の画像例
3) タイルワークティール
十六進：#0e4f5c #1e7a7a #67b7a2 #f2efe6 #f1b24a
気分：フレッシュ、パターン、レトロモダン
最適な場合:レストランメニュー、ソーシャルテンプレート、タイルにインスパイアされたポスター
新鮮でパターン化されたこれらのティールは、光沢のあるタイルワークとクールなプラットフォーム照明を思い出させます。クリーミーなオフホワイトがセットの風通しを保ち、アンバーのポップが生き生きとしたアクセントをプラス。メニューやカフェのソーシャル投稿、遊び心のあるブランド担保に強いサブウェイカラーの組み合わせです。使用法のヒント: 見出しには最も暗いティールを繰り返し、価格または行動の呼びかけには琥珀色のみを使用します。
media.ioを使って生成したタイルワークティールの画像例
4) マップラインマスタード
十六進：#3b3d3c #6a6f6d #d1a117 #f4e6b4 #3d6f8e
気分：情報豊富、明るい、通勤に優しい
最適な場合:インフォグラフィック、トランジットスタイルの地図、スライドデッキ
有益で明るい、明るい駅の照明の下で明確なルートマップのように感じます。マスタードと淡いペーパートーンはグレーを親しみやすく保ち、ブルーは落ち着いたセカンダリラインカラーを追加します。装飾よりも階層が重要なインフォグラフィック、デッキ、図に使用してください。使用法のヒント: mustard をプライマリ ルートに割り当て、セカンダリ リンクは青のままにして、レイアウトがすぐに読み取れます。
media.ioを使って生成したマップラインマスタードの画像例
5) 钢鉄及び砂
十六進：#2a3036 #55606b #a7b0b7 #e8dcc7 #b08a5a
気分：建築的、中立的、洗練された
最適な場合:建築ポートフォリオ、不動産デッキ、製品カタログ
建築的で洗練されたこれらの色調は、ブラッシュスチール、コンクリート、太陽で温められた石を思い出させます。パレットは中立的なままですが、砂と日焼けのノートのおかげで平らではありません。画像をコントロールし続けるべきポートフォリオ、カタログ、レイアウトに適しています。使用法のヒント: 薄い砂をページの背景として使用して、スチール ブルースをさわやかに感じさせます。
media.ioを使って生成したsteel & sandの画像例
6) ネオン信号
十六進：#0f1216 #2c2f35 #ffcc00 #ff5a3d #2bd4c3
気分：电気, 高エネルギー, ナイトライフ
最適な場合:イベントチラシ、音楽プロモーション、大胆なソーシャル広告
電気的で高エネルギーで、暗いトンネルを切り抜ける信号光を捉えます。ニアブラックはタイプのスペースを与え、イエロー、コーラル、アクアは即座にインパクトを与えます。ナイトライフのチラシ、ローンチプロモーション、強力な焦点が必要なソーシャル広告に使用してください。使用法のヒント: 視覚的なノイズを避けるために、1 つのネオンをヒーローとして選び、他の 2 つを小さなアクセントとして残します。
media.ioを用いて生成したネオン信号の画像例
7) レンガのトンネル
十六進：#3a1f1a #8b3e2f #c06b3e #e6d2bf #2f5d50
気分：暖かく、ザラザラした、手作りの
最適な場合:クラフト飲料ラベル、食品包装、素朴なポスター
暖かくざらざらした雰囲気で、レンガのアーチ、古いポスター、プラットフォームランプの輝きを思い起こさせます。クリーム色のニュートラルは赤を柔らかくし、深い緑色はペイントされた金属製の手すりのように読みます。クラフトラベル、カフェのパッケージ、暖かさが大切な素朴なイベントポスターに最適です。使用法のヒント: 明るい紙の色調のコントラストを維持するために、タイプ用に最も濃い茶色を保ちます。
media.ioを使って生成したレンガトンネルの画像例
8) ミッドナイトレール
十六進：#0b0f1a #1b2a41 #3a5a7a #8aa6b8 #e9e1d0
気分：映画のような、クールな、夜行性
最適な場合:映画ポスター、テクノロジーブランディング、ヒーローヘッダー
映画的で夜行性のあるこれらのブルースは、濡れたトラックのヘッドライトのように感じられます。淡い青と温かみのあるオフホワイトが雰囲気を冷やしすぎないようにし、読みやすいタイポグラフィの余地を与えてくれます。これは、ヒーローヘッダー、ストリーミングアートワーク、およびテクノロジーブランドのランディングページのための信頼性の高い地下鉄の色の組み合わせのセットです。使用法のヒント: 2 つの最も濃い青にオフホワイトのテキストを配置し、ボタンには中央の青を使用します。
media.ioを使って生成したmidnight railの画像例
9) コンクリートミント
十六進：#2d3436 #6b7c7a #9ad1c2 #e7eceb #d18f5a
気分：清潔で、落ち着く、現代的
最適な場合:ウェルネスアプリのUI、ダッシュボード、最新のニュースレター
清潔で心地よい、磨かれたコンクリートとミントガラスの輝きを組み合わせたものを提案しています。淡いニュートラルが画面を明るく保ち、温かみのある粘土のアクセントが画面を臨床的に感じさせません。落ち着いた明快さが優れたウェルネス インターフェイス、電子メール テンプレート、ダッシュボードに使用してください。使用法のヒント: ミントを主なアクション カラーとして扱い、警告やハイライトのために粘土を予約します。
media.ioを使用して生成されたコンクリートミントの画像例
10）チケットブースコーラル
十六進： #2b2a2f #5b4b57 #f26d6d #f7d6c9 #7aa0a5
気分： フレンドリー、ノスタルジック、活気ある
最適な場合: パーティー招待状、プロモカード、ブティックブランディング
フレンドリーでノスタルジック、まるで刻印されたチケットやヴィンテージブースの照明のような雰囲気。コーラルが温かみを加え、ダスティモーヴやティールがバランスとほのかなレトロ感を保ちます。招待状、プロモカード、パステル可愛さに頼らず魅力を出したいブティックブランドに最適。使い方のヒント：ヘッドラインには最も濃いニュートラルとコーラルを組み合わせるとテキストの鮮明さが保たれます。
media.ioを使用して生成されたチケットブースコーラルの画像例
11）グラフィティパステル
十六進： #3b3b3b #a9c7d8 #f2b6c6 #f7e7a7 #b8e0c8
気分： 遊び心、軽やかさ、クリエイティブ
最適な場合: 子供文具、ステッカーパック、明るいウェブグラフィック
遊び心があり軽やかで、暗い壁にチョーク絵を描いたような雰囲気。チャコールがパステルの甘さを控えめにしてバランスを整えます。文具、ステッカーパック、優しいが構造が必要なブランドグラフィックに適しています。使い方のヒント：チャコールのアウトラインは控えめに使用してパステルの軽やかさを保ちましょう。
media.ioを使用して生成されたグラフィティパステルの画像例
12）コミューターネイビー
十六進： #0f1a2b #233b5e #4f6f8f #c9d1d8 #c28f3a
気分： プロフェッショナル、安定、自信
最適な場合: ビジネスレポート、SaaSブランディング、データ重視のページ
プロフェッショナルで安定、制服や磨き上げられた手すりのようなネイビー。ライトグレー・ブルーが長文の読みに適し、ブロンズのアクセントで高級感をプラス。信頼と落ち着きが必要なレポート、SaaSブランディング、データページに最適です。使い方のヒント：ブロンズは指標やアイコンなど主要個所のみに使い、ページの色味が温かく寄りすぎないようにします。
media.ioを使用して生成されたコミューターネイビーの画像例
13）ヴィンテージポスター
十六進： #2e2a25 #6f5b3e #c8a46a #e9d7b6 #a23d2d
気分： レトロ、温かみ、コレクタブル
最適な場合: レトロポスター、ブックカバー、カフェのウォールアート
レトロで集めたくなる雰囲気、古い紙やセピアインク、駅広告のイメージ。レッドブラウンのアクセントがヴィンテージ感を壊さずにインパクトを与えます。ブックカバー、カフェの壁アート、ヘリテージ調ブランディングに最適です。使い方のヒント：デザインには控えめな粒子感を加え、テキストは一番濃いブラウンで可読性を維持しましょう。
media.ioを使用して生成されたヴィンテージポスターの画像例
14）レイニーステーション
十六進： #1d232a #39424e #6c7f8f #b8c2c9 #e2d3c2
気分： ムーディー、柔らか、内省的
最適な場合: 編集レイアウト、写真プリセット、ブログテーマ
ムーディーで柔らか、窓に降る雨やぼんやりしたプラットフォームの光景。クールなグレーが奥行きを出し、暖かなベージュは肌色や商品写真が冷たくなりすぎないよう保ちます。編集テンプレート、ブログテーマ、控えめなブランドアイデンティティに。使い方のヒント：見出しは濃い色で、ハイライトバーや引用背景に暖色ベージュを利用すると良いです。
media.ioを使用して生成されたレイニーステーションの画像例
15）クリーントランジットUI
十六進： #111827 #334155 #94a3b8 #f1f5f9 #22c55e
気分： シャープ、機能的、モダン
最適な場合: アプリUI、予約フロー、インターフェイス部品
シャープで機能的、磨かれた画面やクリアな案内板を想起させる配色。スレートニュートラルがレイアウトを穏やかに保ち、グリーンが成功状態を明確に示します。地下鉄配色として、予約フローやナビ部品、アクセシビリティ重視UIに最適です。使い方のヒント：最も明るい色をサーフェス用に、グリーンは主ナビゲーションではなく確認メッセージに使いましょう。
media.ioを使用して生成されたクリーントランジットUIの画像例
16）ウィークエンドマーケット
十六進： #2a2e2b #5d6b5a #c2b280 #e8e0d0 #d66a4a
気分： アース感、親しみ、カジュアル
最適な場合: マーケットブランディング、トートデザイン、ライフスタイルパッケージング
アース感があり親しみやすい、キャンバストートや葉のある屋台、温かなストリートスナックの雰囲気。オリーブとサンドが自然なベースを作り、テラコッタのアクセントが食欲をそそります。マーケットのブランディング、パッケージ、手描きロゴなどに。使い方のヒント：テラコッタはスタンプやアイコンなど小さな部分に使い、ニュートラルカラーが主役になるようにしましょう。
media.ioを使用して生成されたウィークエンドマーケットの画像例
17）ミニマルモノクローム
十六進： #0f0f10 #2a2a2d #56565b #b5b5bb #f2f2f4
気分： ミニマル、シャープ、タイムレス
最適な場合: ポートフォリオサイト、タイポグラフィポスター、ラグジュアリーUI
ミニマルでシャープ、磨かれた石にクリーンなタイポグラフィを載せたような印象。ほぼ黒からやわらかな白までグラデーションするグレーで階層構造が簡単に出せます。ポートフォリオやラグジュアリーUI、間や余白を活かすタイポポスター向き。使い方のヒント：色の代わりに太さやサイズでコントラストをつけましょう。
media.ioを使用して生成されたミニマルモノクロームの画像例
18）サンセットプラットフォーム
十六進： #2d2a2e #7a3e3e #e07a5f #f2cc8f #81b29a
気分： 温かみ、前向き、クリエイティブ
最適な場合: シーズンキャンペーン、カフェポスター、ライフスタイルSNS
温かく前向き、夕陽がホーム端を照らす情景。コーラルとハニー色で活力、抑えたグリーンで落ち着き。季節キャンペーンやカフェポスター、温もりあるSNSテンプレートにちょうどよいです。使い方のヒント：背景はハニーまたはクリーム色、コーラルでメインCTAを強調しましょう。
media.ioを使用して生成されたサンセットプラットフォームの画像例
19）カッパーパイプ
十六進： #1e1d1b #4a3b34 #b87333 #d8c3b3 #2d6a6a
気分： クラフト感、アース感、ブティック
最適な場合: 商品広告、ホームグッズブランド、パッケージアクセント
クラフト感とアース感があり、銅パイプや工房の道具、経年変化した金属の雰囲気。ブラッシュベージュが濃いブラウンを柔らげ、ティールがクールさを加えます。ホームグッズブランディングや商品広告、手作り感を漂わせたいパッケージに。使い方のヒント：ラベルの主役は銅色、バランスのためティールはサブバッジ用途にしましょう。
media.ioを使用して生成されたカッパーパイプの画像例
20）クワイエットモーニング
十六進： #22262a #5e6b73 #a8b6bd #e9e6df #8fa67a
気分： 柔らか、エアリー、控えめ
最適な場合: ブログヘッダー、ステーショナリー、落ち着いたブランドシステム
柔らかくエアリー、早朝の光と入り口近くのグリーンの気配。クールなグレーでモダンさ、優しいグリーンで静かなアクセント。落ち着いたサインカラーが必要なステーショナリーやブログヘッダー、ブランドシステムに。使い方のヒント：グリーンは小さな区切り線やアイコンだけに使うとレイアウトが静かなまま保てます。
media.ioを使用して生成されたクワイエットモーニングの画像例
サブウェイと相性の良い色は？
地下鉄カラーは、チャコール・スレート・スチールブルーグレー・コンクリート調など構造的なニュートラルと一番相性が良いです。これらの色は、実際の駅素材を模倣し、レイアウトに秩序感を与えます。
温かみを加えたいときは、紙のようなオフホワイト、サンド、タン、ラスティ、テラコッタ、真鍮ゴールドなどのアクセントを活用しましょう。こうした暖色／寒色の押し引きが、地下鉄カラーパレットの都会感を演出します。
より大胆な表現には、ネオンイエローやコーラルレッド、アクアなど単一の「シグナル」ハイライトを追加します。他の色は落ち着いたトーンに抑え、明るい色が案内標識のように際立つようにしましょう。
実際のデザインでサブウェイのカラーパレットを使用する方法
色見本ではなく「役割」を先に決めるのがコツ。テキスト／ナビ用の濃色1つ、背景用の明色1つ、アクション用のアクセント1つ。この一貫した役割分担（路線と駅ラベルのような）が地下鉄カラーパレットのルールです。
見出し・UIラベルは特に高いコントラストにしましょう（特にモバイルでは重要）。ティールやグリーン使用時は、背景にオフホワイトやサンドを用い、寒色の見やすさを維持してください。
印刷物では、地下鉄パレットはマット紙や非コーティングペーパーによく映えます。ラスティや真鍮、マスタードなどをスタンプや矢印、値札や重要情報ブロックの限定ハイライトに使いましょう。
AIで地下鉄パレットのビジュアルを作成する
地下鉄カラーパレットを実際に試したいなら、メニューや路線図インフォグラフィック、アプリ画面、パッケージラベル、ポスターなどのモックアップを先に作成してみてください。
Media.ioのテキスト画像生成ツールなら、上記のようなプロンプトを入力し、レイアウトや雰囲気を説明するだけで、同じ都会的パレットを保ちながら様々なスタイルを試すことができます。
方向性が決まったら、同じプロンプト形式を再利用し、ブランドやキャンペーン全体で一貫性のあるビジュアルセットを作成しましょう。
地下鉄カラーパレット よくある質問
-
地下鉄カラーパレットとは？
地下鉄カラーパレットは、交通環境から着想を得たカラーパターンです。チャコールレール、コンクリートとスレートのニュートラル、タイルのグリーン／ティール、紙のようなクリーム色、高視認性シグナルアクセントなど、案内標識を参考にした色です。 -
UIデザインにおすすめの地下鉄カラーは？
スレート／チャコールと、ごく明るいサーフェイスカラーという組み合わせが最も信頼できるベースです。これにグリーン・ティール・イエローなど1つ明快なアクセントを加えて、状態やCTAを示します。クリーントランジットUIやコンクリートミントのパレットが特におすすめです。 -
地下鉄パレットを暗すぎない印象にする方法は？
メイン背景に明るいニュートラル（クリーム、オフホワイト、サンドなど）を使い、ほぼ黒の色調はテキストやナビゲーション専用とします。ラスティ・真鍮・タンのような暖色ハイライトを1つだけ加えて、インダストリアル感を和らげましょう。 -
地下鉄ニュートラルと最も相性のよいアクセントカラーは？
マスタード、真鍮ゴールド、ラスティ、コーラル、ティールが定番の「駅アクセント」です。主役を1色に絞り、その他は控えめにして、案内表示のような明快な印象にするとよいです。 -
地下鉄カラーの組み合わせはブランディングに向いてますか？
はい、地下鉄カラーは信頼性・明快さ・現代的な都市のエネルギーを自然に伝えます。カフェ・ストリートウェア・テックツール・シティガイド・エディトリアルブランドなど、秩序感と個性を兼ね備えたいブランドに最適です。 -
ポスターやフライヤーに地下鉄パレットを使うには？
ドラマ性と可読性のために暗いベースを使い、フォーカルポイントには「シグナル」カラー（ネオンイエロー、コーラル、またはアクア）のいずれかを選びます。タイポグラフィは地下鉄のポスターの雰囲気に合うよう、大胆かつシンプルに保ちましょう。 -
AIで地下鉄風のモックアップを生成できますか？
はい。プロンプト構成（レイアウト＋主題＋色＋スタイルの注意点）を一貫して使い、構成やコントラストが実際の誘導サインや駅広告のように感じられるまでバリエーションを生成します。
次へ： アイリスカラーパレット
