グリーン＆カーキ配色21選｜人気カラーコードとAIプロンプト

グリーンカーキはオリーブとセージの間に位置し、アースカラーでありながら、デジタルや印刷物でも現代的な柔らかさを持っています。

以下に、HEXコード付きで20種類以上のグリーンカーキの配色例と、それらの色調をブランディング、インテリア、UIデザインに活用するための実践的なガイドを紹介します。

グリーンカーキのパレットがうまく機能する理由

グリーンカーキのパレットは、くすんだグリーンとサンド、クリーム、チャコールなど、もともと自然界で共存している色を組み合わせることで、自然なバランス感があります。そのため目に優しく、多くのデザインスタイルで信頼性を発揮します。

また、信頼感や実用性を感じさせます。鮮やかなグリーンと比べて、カーキグリーンは落ち着いていて大人っぽく、B2Bブランドやウェルネス、雑誌レイアウト、商品パッケージなどにも活用できます。

さらに、グリーンカーキはコントラストの調整が容易です。温かみのあるオフホワイトで明るく保つことも、深みのあるオリーブや黒に近いアクセントでテキストやUIの階層を強調することもできます。

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

1）フィールドジャーナル

HEX： #5E6B2E #8A9B6A #C7C2A2 #F2E9D8 #2F3326

雰囲気： 安定感、アウトドア、落ち着き

おすすめ用途： 編集系雑誌の見開き

安定感と自然さを感じる色味で、使い込まれたキャンバスや押し葉、鉛筆スケッチの余白のような雰囲気です。読みやすさを重視し、ストーリーを引き立てたい編集レイアウトに使えます。クリームと淡いカーキでページスペースを構成し、見出しには深いチャコールを合わせましょう。ポイント：写真は温かみがあり控えめな色味にするとグリーンが自然に見えます。

media.ioで生成したフィールドジャーナルの画像例

Media.io

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

今すぐ無料で試す

2）セージコンクリート

HEX： #6A7745 #9BAA7A #D6D1B9 #F6F2E8 #3A3F35

雰囲気： 清潔感、現代的、バランス

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

清潔でバランスのとれた配色は、セージの塗装とブラッシュドコンクリートを思わせます。アナリティクスダッシュボードや管理画面、落ち着いた対比が必要なデータ重視の画面に最適です。背景にはクリーム、サーフェスには中間のセージ、テキストやアイコンにはダークグレーを使用。ポイント：最も深いグリーンはプライマリーボタン用に使い、階層を明確にしましょう。

media.ioで生成したセージコンクリートの画像例

3）オリーブリネン

HEX： #69723A #A3A780 #E0D7C4 #FFF7EA #B08B5A

雰囲気： 柔らかい、ロマンチック、ナチュラル

おすすめ用途： 結婚式招待状セット

柔らかいロマンチックさで、オリーブの小枝が日差しを受けたリネンに置かれているようなイメージです。インビテーションやセーブザデート、当日のペーパーアイテムに向いており、ナチュラルでありながらラフになりすぎません。レイアウトは淡いクリームをベースにし、カーキグリーンを枠やモノグラムに。ポイント：温かいタンカラーはシーリングワックスやRSVPアクセントに控えめに使うのがおすすめです。

media.ioで生成したオリーブリネンの画像例

4）レンジャーモダニズム

HEX： #4F5D2A #7E8D56 #B9B48E #EEE6D5 #1F231B

雰囲気： 自信、構造、タイムレス

おすすめ用途： ブランドアイデンティティシステム

自信と構造を感じさせる配色で、現代的なタイポグラフィのフィールドジャケットを思い起こさせます。アウトドア用品やコーヒー、メンズウェアなど、ヘリテージ感のあるブランドにぴったりです。深いグリーンと柔らかなサンドをロゴロックアップに合わせ、中間のカーキはセカンダリーバッジ＆パターンに。ポイント：一色はしっかりしたダークトーンをアイコン統一用に確保しましょう。

media.ioで生成したレンジャーモダニズムの画像例

5）ウッドランドカフェ

HEX： #5B662E #8E9A63 #CBBE9A #F3EBDD #7A4E2D

雰囲気： 温かみ、居心地のよさ、職人風

おすすめ用途： コーヒーバッグパッケージ

温かみと居心地の良さがあり、焙煎豆や紙のラベル、窓辺のシダ植物を思わせます。ナチュラルな印象を持たせたい職人系食品パッケージに最適ですが、過度なオーガニック感になりません。メインパネルにはカーキグリーン、ブラウンは味の区分や焙煎レベルに。ポイント：クリームエリアには控えめなテクスチャを加え、非コート紙の風合いを演出しましょう。

media.ioで生成したウッドランドカフェの画像例

6）ダスティトレイル

HEX： #6E7A3C #9DAA74 #D9D0B6 #FAF4E6 #8C6D4F

雰囲気： リラックス、日差しに褪せた、親しみやすい

おすすめ用途： リビングルームインテリアコーディネート

リラックスしていて、日差しに褪せたトレイルや織物のラグ、午後遅めの光を連想させます。リビングや玄関など、重たい主張をせずに温かさをプラスしたい場所に最適。クリーミーなオフホワイトとカーキグリーンのテキスタイルを組み合わせ、ウッドやレザーでタンブラウンを効かせ空間を引き締めます。ポイント：中間のセージを部屋の複数ヵ所で繰り返すことでパレットの一体感が生まれます。

media.ioで生成したダスティトレイルの画像例

7）ユーカリスタジオ

HEX： #657A4A #93A783 #C9CDB6 #F7F3EA #2C3A2B

雰囲気： フレッシュ、ミニマル、プロフェッショナル

おすすめ用途： ウェルネスブランドのランディングページ

フレッシュでミニマル、ユーカリの枝と清潔なスタジオの壁のような雰囲気です。ウェルネス系サイトやスパブランディング、優しいコントラストが求められる商品ページに適しています。薄い背景で余白を作り、濃いグリーンをCTAやセクション見出しに。ポイント：イラストは線画＆ダークグリーン基調で、視覚的なごちゃつきを避けましょう。

media.ioで生成したユーカリスタジオの画像例

8）カーキコーストライン

HEX： #5F6F2D #91A06C #CFC7A8 #F4EBDD #3C4B3B

雰囲気： エアリー、コースタル、控えめ

おすすめ用途： トラベルブログヘッダーデザイン

風通しがよく落ち着いた色合いで、砂丘の草や風化した石、やわらかな光を思わせます。トラベル系のヘッダーや、ムードを抑えてアースカラーを活かしたいブロググラフィックにおすすめ。ライトサンドとミッドカーキで大きな面を作り、ディープグリーンをナビやリンクに。ポイント：全体の写真はやや彩度を抑えて、パレットの統一感を保ちましょう。

media.ioで生成したカーキコーストラインの画像例

9）アンティークハーバリウム

HEX： #55662F #87976B #BFBF9D #EFE8D6 #6E5A3C

雰囲気： ヴィンテージ、植物学、やさしい雰囲気

おすすめ用途： 水彩ボタニカルイラスト

ヴィンテージで穏やかなこの色合いは、古い植物標本の押し葉ページのような雰囲気を感じさせます。グリーンを柔らかく保ちたい植物モチーフのプリントやラベル、ネイチャーイラストにぴったりです。クリーム色を紙の色調として使い、中間のセージで葉、ブラウンで茎や影を重ねましょう。コツ：水彩紙の質感を表現するために、軽い粒状テクスチャを加えてみてください。

media.ioで生成されたアンティーク植物標本の画像例

10) ミニマルキャンプ

HEX： #4C5A26 #7F8E57 #B6B18B #F0E8D8 #2A2E24

雰囲気： 実用的、ミニマル、安定感

おすすめ用途： アウトドアギア製品広告

実用的で安定した雰囲気は、洗練されたギアラベルやマットな金属仕上げを思い起こさせます。鮮やかな色よりも明快さとタフな自信を重視する製品広告に最適です。背景にはサンドトーンを使い、商品の名称や重要なポイントはディープグリーンで目立たせましょう。コツ：構成をシンプルに保つと、暗いトーンが高級感を演出し、重くなりません。

media.ioで生成されたミニマルキャンプの画像例

11) 秋の地衣類

HEX： #657136 #9EAA6B #D7CFAE #FFF3E1 #A46B3E

雰囲気： 季節感、素朴、アーティスティック

おすすめ用途： イベントポスターのデザイン

季節感と素朴さがあり、樹皮の地衣や晩秋の光を思わせます。泥臭くならず有機的な印象が欲しいイベントポスターにおすすめです。温かみのあるクリーム色を余白に用い、大胆な文字の背後にカーキやセージ型を配置しましょう。コツ：オレンジブラウンは日付やチケットなど目を引くポイントに小さく使うと効果的です。

media.ioで生成された秋の地衣類の画像例

12) ソフトユーティリティ

HEX： #5A6A34 #8FA06A #C9C3A6 #F7F0E2 #3D3F2E

雰囲気： 実用的、落ち着き、現代的

おすすめ用途： アプリオンボーディング画面

実用的で落ち着いた印象は、温かな光に和らげられた現代的なユーティリティジャケットのようです。信頼と明快さを重視したいオンボーディングフローに最適です。背景には暖かいオフホワイトを使い、主要アクションや進捗表示にはディープオリーブを割り当てましょう。コツ：イラストの塗りはグリーン2色までに抑えるとUIがすっきりします。

media.ioで生成されたソフトユーティリティの画像例

13) フォレストチョーク

HEX： #516128 #7D8D5A #C4C0A4 #F5F1E7 #2B2F2A

雰囲気： 学術的、静か、集中

おすすめ用途： プレゼンテーションスライドデッキ

静かで集中できる雰囲気は、森の端の黒板や清潔なノート用紙を連想させます。真面目なトーンが必要でも、親しみやすさを残したいスライドデッキに最適です。スライドには最も明るい色、セクション区切りには中間カーキ、テキストにはダークグレーを使いましょう。コツ：深いグリーンは主要なチャートや強調箇所だけに使い、視覚疲労を避けてください。

media.ioで生成されたフォレストチョークの画像例

14) ガーデンテラス

HEX： #687A3B #95A874 #D7D2B8 #FCF6EA #6C5B41

雰囲気： リラックス、食欲、ナチュラル

おすすめ用途： レストランメニューのデザイン

リラックスしてナチュラルな印象は、テラスのハーブや石のプランター、リネンナプキンを思わせます。高級感と温かみを両立させたいメニューにおすすめです。背景は明るく保ち、カテゴリー見出しにはカーキグリーン、価格や小さなアイコンにブラウンを使いましょう。コツ：ミッドセージの細線を加えて、重くならずにセクションを整理できます。

media.ioで生成されたガーデンテラスの画像例

15) ヴィンテージサファリ

HEX： #4E5F2A #7F8F60 #B8B295 #EFE6D6 #B08A55

雰囲気： 冒険的、ノスタルジック、暖かい

おすすめ用途： ファッションルックブック見開き

冒険心と懐かしさがあり、日に晒されたキャンバスや旅したレザーを思わせます。クラシックで控えめなファッションルックブックにぴったりです。サンド系で余白を広くとり、ディープオリーブでタイポグラフィを構築して自信を伝えましょう。コツ：アクセントタンは小さなタグやページ番号に限定し、セピア調にならないよう注意してください。

media.ioで生成されたヴィンテージサファリの画像例

16) カームコマンド

HEX： #57662D #859766 #BFC2A6 #F4F0E4 #22261F

雰囲気： 権威的、穏やか、プレミアム

おすすめ用途： B2B SaaSマーケティングページ

権威的でありながら穏やかさもあり、自然素材の規律ある作業空間を思い起こさせます。グリーン・カーキのカラーパレットは、従来の冷たいブルーを避けて信頼感を出したいB2B SaaSページに最適です。オフホワイトは長文セクションに、ディープネアブラックは見出し、オリーブはボタンに使いましょう。コツ：バッジやチップは淡いカーキに保ち、柔らかく上質な印象を維持してください。

media.ioで生成されたカームコマンドの画像例

17) クレイ＆モス

HEX： #5E6E33 #8FA06F #D2C6AE #FAF1E3 #C07A4C

雰囲気： ハンドメイド、暖かい、有機的

おすすめ用途： セラミック製品パッケージ

手作り感と温かみがあり、新しく作られた粘土の横にある苔のような雰囲気です。触感ストーリーを伝えたいセラミックパッケージやアーティザンラベル、小規模製品ラインにおすすめです。柔らかいクリームとカーキグリーンをラベルに合わせ、クレイトーンをスタンプのアクセントに使いましょう。コツ：マット仕上げを選ぶと色が素朴に保てます。

media.ioで生成されたクレイ＆モスの画像例

18) ミスティキャノピー

HEX： #66753D #9AA983 #D9D7C7 #FFFFFF #394234

雰囲気： 軽やか、エアリー、癒やし

おすすめ用途： ヘルスアプリUIキット

軽やかで癒やしを感じさせる色合いは、葉を通して柔らかい光が差し込む霞んだ樹冠を思わせます。ヘルスや瞑想系UIキットで落ち着いたナビゲーションを重視する場合におすすめです。白や淡いグレーカーキは余白に使い、濃いグリーンをタブやトグル、フォーカス状態に割り当てましょう。コツ：グラフはシンプルに、データにはミッドグリーン1色だけでノイズを減らしてください。

media.ioで生成されたミスティキャノピーの画像例

19) サンセットカーキ

HEX： #5D6A2F #8E9C6A #E1D2B3 #FFF2DE #D28A52

雰囲気： 明るい、暖かい、モダン

おすすめ用途： ソーシャルメディア投稿テンプレート

明るく温かい雰囲気は、夕日が乾いた草や砂の小道に当たる情景を思わせます。少し活気のあるアーストーンを求めるソーシャルテンプレートにおすすめです。クリーム背景で投稿を明るく保ち、オレンジアクセントはステッカーやプロモタグ、主要指標などに使いましょう。コツ：オレンジはレイアウト内1箇所のみに限定し、季節感ではなく意図的に見せてください。

media.ioで生成されたサンセットカーキの画像例

20) リバーストーンカモ

HEX： #485626 #74855A #A9AE95 #E8E2D3 #30362C

雰囲気： タフ、控えめ、自信

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

タフで控えめな雰囲気は、川の石や苔むした樹皮、テクニカルファブリックを連想させます。この組み合わせはアウトドアウェブサイトのヒーローやキャンペーンに、鮮やかな対比ではなく力強さを伝えるのに最適です。ライトサンドは広いタイポ領域に、オリーブブロックを重要なメッセージの背後に重ねましょう。コツ：アイコンや線はネアブラック系にして、ミッドグリーンでもアクセシビリティを保てます。

media.ioで生成されたリバーストーンカモの画像例

21) ペーパーバーク

HEX： #6B7A3A #A0AE7A #D8D2BC #F8F3EA #4A4D3B

雰囲気： ナチュラル、控えめ、端正

おすすめ用途： ブックカバーデザイン

ナチュラルで端正な雰囲気は、ペーパーバークと温かなページの新しいインクを思わせます。イラストの過剰さなく自然な印象を持たせたいブックカバーや電子書籍におすすめです。ミッドカーキとオフホワイトをタイトル領域に合わせ、ダークオリーブは著者名や背表紙ディテールに使用しましょう。コツ：タイトルの背後にフラットカラーの小ブロックを加えると、サムネイルでも文字がクリアになります。

media.ioで生成されたペーパーバークの画像例

グリーンカーキと相性の良い色は？

グリーンカーキはクリーム、アイボリー、サンド、オートミールなど温かみのあるニュートラルと美しく合い、パレットをエアリーでナチュラルに保ちます。背景、パッケージング、エディトリアルレイアウトに特に強い組み合わせです。

コントラストを付ける場合は、ディープチャコール、ネアブラックグリーン、スレートグレーなどが理想です。タイポグラフィやアイコン、UIナビゲーションに使うことで、読みやすさを保ちつつ穏やかで控えめな雰囲気を維持できます。

モダンなポップが欲しい場合は、クレイオレンジ、ウォームタン、控えめなラスティなど制御されたアクセントを少量追加しましょう。アクセントはバッジやハイライト、小さなUIステートのみに抑え、季節感ではなくパレットの安定感が続くように。

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

ブランディングでは、グリーンカーキを役割ごとに分けて使うのが最適です。背景にはライトクリーム、サーフェスや形状にはミッドセージ／カーキ、ロゴやテキストにはディープオリーブ／チャコール。これにより高級でヘリテージ感のある印象になり、古臭くなりません。

インテリアでは、カーキグリーンをテキスタイル（クッション、ラグ、張地など）の「ソフトアンカー」として使い、壁はウォームオフホワイトで明るく保ちます。ミッドトーングリーンを複数箇所に繰り返せば、空間が意図的に仕上がります。

UIではカーキグリーンをサポート的な面に使い、塗りは控えめにします。最も暗いグリーンはCTAやフォーカス状態だけにし、本文テキストはチャコールにしてアクセシビリティや目の疲れを抑えましょう。

AIでグリーンカーキパレットのビジュアルを作成する

ブランドボードやランディングページ、メニュー、ソーシャルテンプレートなどの簡易モックアップが必要な場合、レイアウト・雰囲気・素材を記述して、カーキグリーン、ウォームクリーム、1つのアクセントでパレットを固定することで一貫したビジュアルが生成できます。

結果を統一するには、ライティング（ソフトな自然光やスタジオ撮影）、テクスチャ（非コート紙、リネン、コンクリート）、クリーンな背景にも言及しましょう。正方形投稿、ワイドバナー、印刷スプレッドなどで同じプロンプト構成を繰り返せば、フォーマットを横断して一貫させられます。

Media.io テキストto画像を使えば、グリーンカーキパレットのビジュアルを数秒で作成でき、プロンプトを調整しながらデザインシステムに合わせてトーンを絞り込めます。

次へ： 山のカラーパレット