Modern Army カラーパレット20選｜配色見本＆HEXコード一覧

アーミーカラーパレットは、オリーブ、カーキ、そして無骨なニュートラルカラーを組み合わせて、地に足の着いた信頼感と現代性を感じさせるデザインを生み出します。

下記にはブランドやUI・印刷に使える厳選されたアーミーカラーの組み合わせ（HEXコード付き）、さらにAIでマッチするビジュアルを素早く生成するプロンプトも紹介します。

アーミーパレットが効果的な理由

アーミートーンは中立と表現力のちょうど良いバランスに位置します：個性を持ちながらも実用的で、タイポグラフィや写真、UIコンポーネントとの組み合わせも簡単です。

多くの色合いは彩度を落としているため（オリーブ、セージ、カーキ、グレージュ）ビジュアルノイズを減らし、レイアウトに規律を感じさせます——ダッシュボード、ポートフォリオ、パッケージ、エディトリアルグリッドに最適です。

また、素材を問わず活用できます：コーティングされたスクリーン、未塗工紙、布の質感、商品写真など。コントラストを工夫すれば、アーミーグリーンパレットはプレミアム感、アウトドア、ミニマルの印象にも。

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

1）フィールドカモ

HEX： #2f3a2e #4a5b3e #7a7f52 #b2a77a #e7e1cf

雰囲気： 無骨、堅実、アウトドア

おすすめ用途： アウトドアギアブランドのアイデンティティ

使い込まれたジャケットのような無骨さと信頼感、これらの色調は実用的。ロゴやヘッダーには濃いグリーン、配色に温かみのあるカーキやパーチメントで明るさをプラスしましょう。マットな黒の金具ディテールやオフホワイトのタイポグラフィと合わせると視認性も良好。ポイント：一番濃い色はアクセントに留めると、デザインの可読性が保てます。

media.ioで生成したフィールドカモの画像例

Media.io

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

今すぐ無料で試す

2）デザートドリル

HEX： #3a3b34 #6a624e #a48f63 #d7c39a #f3ead8

雰囲気： 乾いた、暖かい、実用的

おすすめ用途： タクティカルウェアの広告

砂漠の訓練場やキャンバスバッグを思わせる乾いた温かさとタフさ。ミッドサンドやタンはメインカラー、文字や縁取りにはチャコールオリーブが◎。コットンツイルやリップストップ素材の広告にもおすすめ。ポイント：背景に subtleなザラつきを加え、フラットになりすぎない質感を演出。

media.ioで生成したデザートドリルの画像例

3）オリーブナイト

HEX： #101613 #243026 #3c4a3b #8b8f74 #d8d6c8

雰囲気： ステルス、落ち着き、プレミアム

おすすめ用途： ダークモードのダッシュボードUI

ナイトビジョンのような静かな高級感、派手すぎない上質なミックス。ダークモードには黒に近いグリーンを背景、抑えたセージはカードや仕切り線に。文字は明るいストーンでコントラストを保ち、ミドルオリーブはアクティブ要素に。ポイント：純粋な黒は避けて、グリーンブラックを使うとソフトかつモダンな印象に。

media.ioで生成したオリーブナイトの画像例

4）レンジャーカーキ

HEX： #2d3d32 #55644f #8f8b66 #c9b88f #f6f0df

雰囲気： クラシック、安定、親しみやすい

おすすめ用途： ヘリテージブランドのパッケージ

クラシックで堅実、フィールズノートや真鍮のバックル、カーキの制服を思わせる配色。クリーム系のオフホワイトが余白を演出し、カーキやセージでパネルやラベル構成に。クラフト紙のテクスチャや落ち着いたセリフ体と好相性。ポイント：一番濃いグリーンは特色印刷で仕上げるとシャープなヘリテージ感に。

media.ioで生成したレンジャーカーキの画像例

5）バラックコンクリート

HEX： #1f2522 #3f4a44 #6b756e #a6a89f #ecebe4

雰囲気： インダストリアル、規律、ミニマル

おすすめ用途： 建築ポートフォリオサイト

インダストリアルに規律正しく、無彩色コンクリートの廊下に柔らかいグリーングレーの光が差し込む雰囲気。ナビゲーションやタイトルは黒に近い色、グリッドやレイアウトはミッドグレーで構成。建築系ポートフォリオで階層や整理性を重視したい時に最適。ポイント：イメージはニュートラルもしくは彩度控えめで統一感を。

media.ioで生成したバラックコンクリートの画像例

6）ヴィンテージファティーグ

HEX： #2b2d22 #4e533c #7a7b55 #b7ad7a #e9e0c3

雰囲気： ノスタルジック、使い込まれた、アースカラー

おすすめ用途： レトロポスターデザイン

懐かしく履き古したような退色感、日焼けしたファブリックのような色味。ベースは淡いサンド、オリーブやモスはタイポとグラフィックに活用。少しダークなスス色を効かせることで、遠目からも見やすくなります。ポイント：ハーフトーンテクスチャを加えると本格的なレトロプリント感に。

media.ioで生成したヴィンテージファティーグの画像例

7）モス＆サンド

HEX： #2a3a2b #4c6a4d #88a06d #cbb98a #f4f0e2

雰囲気： フレッシュ、ナチュラル、バランス

おすすめ用途： エコスキンケアラベル

苔むす石と砂川のようなフレッシュでナチュラルな印象。優しいクリームやサンドがベース、タイポや植物マークにはモス＆セージを活用。ミニマルなラインイラストや非塗工紙と良く合います。ポイント：彩度控えめで、ブランドの落ち着きやエコ意識を演出。

media.ioで生成したモス＆サンドの画像例

8）パトロールサンライズ

HEX： #2b3a33 #5a6d5b #a6a67c #d8a76f #f6e5cf

雰囲気： 希望、暖かさ、冒険

おすすめ用途： 旅行ブログのヘッダーグラフィック

日の出がほのかに緑の丘を照らすような、希望と温もりのパレット。ソフトなピーチタンはボタンやバッジのハイライトに、グリーンは見出しやナビ。旅行の見出しや冒険を感じさせたい場面にピッタリ。ポイント：ライトクリームを余白として活用し、暖かいアクセントカラーを際立たせるとGOOD。

media.ioで生成したパトロールサンライズの画像例

9）アーバンタクティカル

HEX： #1a1f1b #2f3a33 #5e6a61 #9fa38b #e7e6dd

雰囲気： モダン、タクティカル、控えめ

おすすめ用途： ストリートウェア ルックブック エディトリアル

モダンで控えめなこれらの色合いは、都市の影、磨かれた金属、落ち着いたユーティリティファブリックのように感じます。エディトリアルのレイアウトでは、見出しにブラックに近い色を、余白やキャプションにはソフトストーンを使いましょう。オリーブグレーは、特にモノクロスタイリングを合わせると商品写真の統一感を保ちます。ヒント：アクセントカラーは1色の中間色に制限することで、ページ全体がすっきりとまとまります。

media.ioで生成したアーバンタクティカルのイメージ例

10) ウッドランドミスト

HEX： #24332a #3e5a48 #6f8a74 #b8c2ad #f2f4ee

雰囲気： 軽やか、静か、回復的

おすすめ用途： ウェルネスアプリ オンボーディングUI

軽やかで静か、朝靄が松林を抜けるようなグリーンが回復感をもたらします。スクリーンやモーダルには淡いフォグトーンを使い、アイコンや見出しにはセージとスプルースで穏やかな階層感を作ります。丸みのあるタイポグラフィやソフトなグラデーションと相性抜群です。ヒント：重要なテキストのみ一番濃いグリーンを使うことで、コントラストも保てます。

media.ioで生成したウッドランドミストのイメージ例

11) ブロンズインシグニア

HEX： #222b25 #3f4f3f #7a7a5f #b58a55 #efe3cf

雰囲気： 名誉、温かみ、儀式的

おすすめ用途： 表彰状テンプレート

名誉と温かみのあるトーンは、磨き上げられたブロンズ、縫い付けられたバッジ、時を経た紙を思わせます。ブロンズカラーはシールや枠に使い、オリーブやセージは見出しや小見出しに合わせて。クリーム調の用紙と繊細なテクスチャ、十分な余白がベストです。ヒント：ブロンズは全体のレイアウトの5～10%に限定することで、上品でセレモニー感のある雰囲気になります。

media.ioで生成したブロンズインシグニアのイメージ例

12) キャンバステント

HEX： #2c352f #4f5f52 #8f8c73 #cfc3a6 #fbf6ea

雰囲気： 居心地がよい、実用的、キャンプ風

おすすめ用途： キャンプイベントフライヤー

居心地よく実用的なこの配色は、キャンバステントやロープノット、暖かなランタンの灯りを連想させます。フライヤーの背景にはクリーム色を使い、見出しやルート案内には落ち着いたグリーンを重ねましょう。ソフトグレージュで優しい雰囲気に、パステル風にはならずフレンドリーに保てます。ヒント：シンプルなピクトグラムや太めの線と組み合わせれば、屋外でも読みやすくなります。

media.ioで生成したキャンバステントのイメージ例

13) アイアンバッジ

HEX： #141916 #2a2f2a #4a4f48 #7d7f73 #dcd9cf

雰囲気： 厳格、メタリック、権威的

おすすめ用途： セキュリティサービス ウェブサイトUI

アイアンハードウェアやプレスされた制服のように、厳格でメタリックなニュートラルカラーは権威を感じさせます。ナビやフッターには最も濃い色を使い、カードやフォームには中間のグレーグリーンを。シャープなサンセリフフォントとシンプルなアイコンセットと相性が良いです。ヒント：淡いライトグレーのボーダーを加えることで、各セクションを区切りやすくなります。

media.ioで生成したアイアンバッジのイメージ例

14) マディブーツ

HEX： #2a241c #4a3f2d #6f6a4b #a39a6d #e7dcc5

雰囲気： 無骨、アースカラー、タフ

おすすめ用途： ワークウェア eコマース商品ページ

無骨でアース感漂うこの配色は、濡れた土、擦れたレザー、長い労働の日々を感じさせます。CTAや価格強調にはダークブラウン、背景やタブにはオリーブカーキを。タフさを求めるワークウェアの商品ページに最適ですが、ハイコントラストによる疲労感は避けられます。ヒント：商品写真は暖色系でまとめると、ブラウンが意図的に見えて、くすんだ印象にはなりません。

media.ioで生成したマディブーツのイメージ例

15) セージフィールドノート

HEX： #2a332d #4b5a50 #7f8f82 #b9c0b6 #f5f7f3

雰囲気： 落ち着き、整理整頓、思慮深さ

おすすめ用途： メモアプリ用 UIキット

落ち着いて整ったセージグリーンは、罫線ノートや静かな集中をイメージさせます。ロングリーディングには淡い背景を、ミッドトーンのセージはボタンやタグ、トグルに活用しましょう。ソフトなシャドウや十分なスペースと合わせると、集中を妨げないUIキットが完成します。ヒント：一番濃いグリーンはアクションや主ラベルのみのアクセントに。

media.ioで生成したセージフィールドノートのイメージ例

16) パインバリケード

HEX： #0f1a14 #1f2f24 #35523d #6f8a6a #d9e3d5

雰囲気： 防御的、深み、森林

おすすめ用途： サバイバルコース ランディングページ

深く森林のようなグリーンは、松林の木陰や頑丈なバリケードを思わせます。最も濃い色でセクションを囲み安心感を演出し、やわらかなグリーンをハイライトや信頼シグナルに使いましょう。太字の見出しと分かりやすいモジュール設計の男前なランディングページにおすすめ。ヒント：一番明るい色はバッジやコールアウトに限定すれば、明るくなりすぎず映えます。

media.ioで生成したパインバリケードのイメージ例

17) ダスティパラシュート

HEX： #2d2f2b #58584f #8b836f #cdbfa4 #f7f1e4

雰囲気： やわらか、控えめ、信頼できる

おすすめ用途： ミニマル 結婚式招待状セット

やわらかく控えめなこの組み合わせは、たたんだ布や日焼けしたキャンバスが静かに漂う様子を思わせます。温かみのあるクリームをベースに、タイポグラフィはチャコールとトープで洗練された印象に。ミニマルなラインアートやブラインドエンボスとも美しく調和します。ヒント：コントラストは穏やかに、一番暗い色は名前や日付などポイントだけに使いましょう。

media.ioで生成したダスティパラシュートのイメージ例

18) キャンプファイヤーレーションズ

HEX： #2a2f2a #4c5a46 #8a7c53 #c07a4a #f2e2c8

雰囲気： 温かみ、ボリューム、冒険心

おすすめ用途： フードトラックロゴとメニュー

温かくボリュームのあるこの配色は、スモーキーなキャンプファイヤーやトースト穀物、シンプルなコンフォートフードを思わせます。ロゴの印象付けにはエンバーオレンジをアクセントにし、オリーブグリーンでメニューの安定感を。クリーム色の用紙やライトボードに、太め×親しみやすいタイポグラフィと組み合わせましょう。ヒント：オレンジは目立たせたい項目や価格にだけに限定し、“熱”を感じさせる程度が最適です。

media.ioで生成したキャンプファイヤーレーションズのイメージ例

19) ストームウォッチ

HEX： #1b2423 #2f3f3f #516463 #8d9a97 #eef1f0

雰囲気： クール、警戒心、落ち着き

おすすめ用途： 分析ダッシュボードUI

クールで落ち着いたブルーグリーングレーは、スチールを覆う嵐雲のような印象です。サイドバーやチャート枠には濃い色を、背景やテーブルには明るいグレーグリーンを使いましょう。シャープなデータビジュアライゼーションや控えめなアクセントインジケーターによくなじみます。ヒント：アクティブ状態にはミッドトーンのティールグレーを使うと、情報過多でもダッシュボードの冷静さが保てます。

media.ioで生成したストームウォッチのイメージ例

20) クワイエットコマンド

HEX： #232a23 #3f4a3e #6b735f #b6b2a0 #f4f2ea

雰囲気： 自信、静けさ、洗練

おすすめ用途： 法律事務所 ブランドステーショナリー

自信に満ち、静かで洗練されたグリーンと暖色ニュートラルは、華美さを排した権威を感じさせます。ステーショナリーでは、ワードマークにチャコールグリーン、用紙や封筒には暖かいライトトーンを使いましょう。ミッドオリーブは、繊細な罫線やエンボス、セカンダリーモノグラムにぴったりです。ヒント：レイアウトはミニマルに保ち、色のコントラストで信頼感を伝えましょう。

media.ioで生成したクワイエットコマンドのイメージ例

21) サプライクレート

HEX： #1f2a1f #3c4a33 #6a6b44 #a8925a #f0e5cc

雰囲気： 頑丈、ヴィンテージ、実用的

おすすめ用途： クラフトビール缶ラベル

頑丈でヴィンテージ感漂う色合いは、スタンプの押されたクレートやラフな紙、無骨な実用美を思わせます。ラベルのフィールドにはタンやクリームを、バッジやイラストにはオリーブとマスタードカーキを重ねましょう。ブロック体タイポグラフィや木版画風グラフィックとの相性も抜群です。ヒント：一番濃いグリーンは外枠などに限定すると、小さなラベルの細部もシャープに映ります。

media.ioで生成したサプライクレートのイメージ例

22) メディックポーチ

HEX： #22312b #3e5a4f #6f8f84 #a9c2b6 #f3f7f5

雰囲気： 清潔感、安心感、クリニカル

おすすめ用途： ヘルスアプリ ランディングページ

清潔で安心感のあるクールなグリーンは、滅菌キットや落ち着いたケアをイメージできます。ページ背景には淡いミンティーホワイト、見出しやプライマリーボタンには深めのティールグリーンを使いましょう。丸みのあるカードやシンプルなアイコン、たっぷりの行間とも好相性。ヒント：CTAは一番濃い色で、補助情報ブロックには明るい色を使い分けて。

media.ioで生成したメディックポーチのイメージ例

23) キャンティーンクレイ

HEX： #2b312b #4f5a4a #7d7a61 #b07c5a #efe1cf

雰囲気： アースカラー、手仕事、ぬくもり

おすすめ用途： 陶器ブランド 商品パッケージ

素朴で手作り感のあるこれらのトーンは、粘土の縁、オリーブの葉、陽だまりのスタジオ棚を思い起こさせます。温かみのあるクレイアクセントはスタンプやシールに使い、グリーンとウィートでナチュラルな基盤を作りましょう。テクスチャーのある紙包みやミニマルなパッケージデザインに最適です。ポイント：タイポグラフィは暗くシンプルに保つことで、職人カラーの主張を引き立てます。

media.ioで生成したキャ​​ンティーンクレイの画像例

アーミー色と相性が良い色は？

アーミーグリーンは、カーキ、タン、ベージュ、クリームなどの暖かみのあるニュートラルカラーと自然に調和します。これらがパレットをアウトドア風で親しみやすく保ちつつ、落ち着きのある印象を維持します。

よりシャープでモダンなコントラストを求めるなら、チャコール、アイアングレー、またはブラックに近いグリーンを加えましょう。特にUIのタイポグラフィやナビゲーション、アイコンシステムに効果的です。

印象的なアクセントを加えたいなら、ブロンズ、クレイ、エンバーオレンジのような控えめな暖色アクセントを使いましょう。アクセントは10％以内に抑えることで、アーミーパレットの落ち着きと高級感を保てます。

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

色だけでなく「役割」から始めましょう：見出しやナビゲーションにはダークトーン、サーフェス（カードやパネル）にはミッドトーン、背景にはライトトーン、ハイライトやCTAにはアクセントを割り当てます。

印刷やパッケージにはテクスチャーを活用しましょう。クラフト紙や未加工紙、グレインやエンボス加工がオリーブやカーキを平坦ではなく意図的な印象にします。最も濃いインクは小さなディテールや文字の見やすさへ。

デジタルプロダクトではコントラストに注意：すべてが同じ中間域だとオリーブは読みやすさが下がります。余白には最も明るいトーン、主なテキストには最もダークなトーンを使うことでアクセシビリティを保てます。

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

ブランディング用セット、UI画面、ラベル、ポスターなど、自分のアーミーカラースキームに合ったモックアップを作りたい場合、一貫したトーンでビジュアルを生成すると反復作業の時間を大幅に節約できます。

付属のプロンプトを出発点として利用し、素材（紙、布、金属）、ライティング、アスペクト比を調整してご自身の用途に最適化しましょう。

Media.ioを使えば、アーミーパレットのアイデアをすぐにブランドらしい画像例に変換できます。プレゼンテーションやムードボード、クリエイティブディレクションに最適です。

次： サフランカラーパレット