カーキ色パレットおすすめ20選｜HEXコード付きでデザインに最適

カーキはデザインにおいて最も便利なニュートラルカラーのひとつです。自然で安定感があり、生活しやすい印象を与えつつ、意図的かつ現代的な雰囲気を保ちます。組み合わせる色によって、砂漠のような暖かさ、オリーブグリーン、あるいはややゴールドっぽくも感じられます。

以下にHEXコード付きで20種類以上のカーキカラーパレット案と、ブランド、UI、インテリア、パッケージなどでの活用ポイントをまとめています。

カーキパレットが優れている理由

カーキは暖色と寒色の間に位置するため、タン、クレイ、オリーブなどのアースカラーパレットにも、ホワイトやグレー、スレートのようなすっきりしたパレットにもマッチします。この柔軟さがブランドガイドラインやUIコンポーネント、室内計画などシステムの基盤として信頼できる色となっています。

また、「信頼できる」印象もあり、カーキは実用的で安定した雰囲気を感じさせます。そのためワークウェアやアウトドアギア、ヘリテージ系の美学にも多く用いられます。デジタルデザインでは、落ち着いた画面や読みやすさ、色の衝突の少なさとなって現れます。

さらに、カーキはテクスチャと相性抜群です。マットな紙や無加工パッケージ、リネン生地、木材、微細なグレインなど自然素材と組み合わせることで、シンプルなデザインも色の強さに頼らずリッチな印象になります。

20種類以上のカーキカラーパレット案（HEXコード付き）

1）砂漠キャンバス

HEX： #B6A46A #F4F1E6 #D9C9A3 #8A7B55 #3F3A2E

雰囲気： 暖かい、安定感、オーガニック

おすすめ用途： インテリアムードボード、ライフスタイル系ブランド

日光を浴びた砂やリネンのような温かさと安定感があり、落ち着いたが自信ある雰囲気です。明るいクリームをベースに、カーキやオート色で深みを出し、濃いエスプレッソ色がタイポグラフィやトリムにコントラストをプラスします。木材やキャンバス、マットな陶器など自然素材と組み合わせて、アクセントは控えめにすると現代的な印象に。

media.ioで生成した砂漠キャンバスの画像例

Media.io

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

今すぐ無料で試す

2）サファリリネン

HEX： #A99A63 #FFF7E8 #C7BFA2 #6E7B5B #2E3228

雰囲気：雰囲気：冒険的、自然、リラックス

おすすめ用途：おすすめ用途：アウトドア系ブランド、旅行ブログのヘッダー

冒険心と爽やかさがあり、リネンシャツや砂道、木陰の葉を連想させます。クリーミーなハイライトを広い背景に使い、オリーブグリーンでナビやサブ要素を補佐。ブラックに近い色をテキストに使えば読みやすくなります。アイコンやボタンに muted green をさりげなく加えれば、アース感を損なわずにレイアウトが活気づきます。

media.ioで生成したサファリリネン画像例

3）オリーブドリフト

HEX： #9F9A62 #E7E2D3 #7A8B5A #C96A3A #2F332A

雰囲気：雰囲気：アース感、エネルギッシュ、現代的

おすすめ用途：おすすめ用途：スポーツウェアラベル、キャンペーングラフィック

アース感にスパークを添えたパレット。オリーブ畑が夕陽に照らされるイメージです。ラストオレンジはポイントのアクションやパッチ、小さなグラフィックに限定して使うのがベスト。メインフィールドにはソフトなニュートラルを使い、重たくならないように。シャープなジオメトリックブロックやダークグリーンをタイポグラフィやアウトラインに繰り返し使えば、モダンな印象になります。

media.ioで生成したオリーブドリフト画像例

4）ヴィンテージフィールドノート

HEX： #B0A06A #F8F5EC #D6C3A2 #A26B4A #4A3D34

雰囲気：雰囲気：ノスタルジック、暖かい、手作り感

おすすめ用途：おすすめ用途：書籍カバー、ジャーナル文房具

ノスタルジックで暖かなパレット。古い紙やレザーの装丁、鉛筆スケッチを思い起こさせます。暖かいクリームで余白を作り、茶系でタイトルやボーダーを構成。ソフトなタンは紙のテクスチャや控えめパターンに向いています。グレインや少し歪んだ縁を加えて手作り感を演出するのがおすすめです。

media.ioで生成したヴィンテージフィールドノート画像例

5）コースタルカーキ

HEX： #B9B08A #E3F2F4 #F7F0E0 #6A8D8F #2D3A3B

雰囲気：雰囲気：爽やか、軽やか、バランス

おすすめ用途：おすすめ用途：リゾートブランド、ウェルネス系ランディングページ

爽やかで軽やかな印象、砂丘の草と淡いシーフォームの水のイメージです。ブルーグリーンを使ってレイアウトを明るくし、カーキで適度な高級感と安定感を出します。深いスレート色でヘッドラインやUIの細部を際立たせ、柔らかなグラデーションや余白でコースタルな穏やかさを保ちましょう。

media.ioで生成したコースタルカーキ画像例

6）ミニマルスタジオ

HEX： #B5AA7A #FFFFFF #E6E2D6 #2C2C2C #8E8570

雰囲気：雰囲気：ミニマル、クリーン、モダン

おすすめ用途：おすすめ用途：ブランドガイドライン、ミニマルなWeb UI

ミニマルでクリーンな雰囲気。明るいスタジオや滑らかなプラスター壁、柔らかい影を連想します。ホワイトと暖かいグレーで広いレイアウトを作り、カーキはタブやバッジ、セクション区切りなどのアクセントに。チャコールがテキストを引き締め、カーキパレット全体にシャープなモダン感を与えます。彩度は抑え、タイポのウエイト変更を主な強調として使いましょう。

media.ioで生成したミニマルスタジオ画像例

7）秋のトレイル

HEX： #B19B5A #F3E6CF #D0633C #6C6A40 #2B2A22

雰囲気：雰囲気：ラスティック、大胆、アウトドア

おすすめ用途：おすすめ用途：秋のプロモーション、イベントポスター

ラスティックで大胆な配色。落ち葉やトレイルの砂埃、焚き火の明るさが連想されます。カーキと組み合わせた暖かいラストカラーは見出しやポイント色として少量使うと光ります。明るいタンを背景ブロックに使えば読みやすい。テクスチャ紙や控えめノイズと組み合わせるとシーズナブルな深みが出ます。

media.ioで生成した秋のトレイル画像例

8）アーバンユーティリティ

HEX： #AFA47C #D9D9D9 #5A5F54 #1F2320 #C96F2D

雰囲気：雰囲気：インダストリアル、自信、ストリート感

おすすめ用途：おすすめ用途：ワークウェアブランド、ソーシャル広告

インダストリアルで自信ある配色。コンクリートやキャンバス、磨かれたメタルの雰囲気です。オレンジは短いターゲット（値札やステッカー、ボタンなど）に限定使用し、グレー系がメイン。ブラックに近い色はロゴや小文字に使いコントラスト強めに。シンプルな２色構成で、アクションを１つだけ強調しましょう。

media.ioで生成したアーバンユーティリティ画像例

9）ソフトナーサリーニュートラル

HEX： #BEB58F #FFFDF7 #E7D8C3 #C9A3A0 #6B6B5A

雰囲気：雰囲気：やさしい、暖かい、心地よい

おすすめ用途： ベビーブランドとナーサリールームスタイリング

やさしく居心地の良い雰囲気は、ソフトなブランケット、温かいミルク、静かな午後の光を想起させます。ほんのり赤みがかった色合いは、クリーミーホワイトとバランスを取れば過度にピンクにならず甘さを演出します。 muted olive-gray（くすんだオリーブグレー）はテキストやボーダー、小さなアイコンなどのディテールに使います。インテリアでは壁を明るく保ち、テキスタイルや収納バスケットでカーキを取り入れると、落ち着いた生活感のある印象になります。

media.io で生成されたソフトなナチュラルベビー部屋の画像例

10) ボタニカルハーバリウム

HEX： #A8A06A #F1EFE6 #7D8C57 #B36B5E #3D4630

雰囲気： ボタニカル、手仕事感、穏やか

おすすめ用途： 水彩プリントやエコブログのイラスト

ボタニカルで穏やかな雰囲気は、押し葉やシードポッド、手作りの紙を思い起こさせます。セージグリーンが骨組みを作り、 muted clay（くすんだ粘土色）はハイライトとして温かい人間味を添えます。淡いニュートラルは紙の色味として保ち、パレットを軽やかに。ハーバリウムらしい質感にするには、水彩風のふちや淡いテクスチャーを使い、硬い形を避けるのがポイントです。

media.io で生成されたボタニカルハーバリウムの画像例

11) ウォームカフェ

HEX： #B3A06B #F6EBDD #C98F52 #6F4E37 #2D2A24

雰囲気： あたたかい、リッチ、心地よい

おすすめ用途： コーヒーパッケージやメニューのデザイン

招き入れるようなリッチな雰囲気は、エスプレッソのクレマ、トーストした砂糖、温もりのある木製カウンターを連想させます。キャラメルトーンは、値札などのハイライトや注目ポイントに。クリーム色でレイアウトの読みやすさを保ちます。深いコーヒーブラウンはタイポグラフィやロゴに最適です。パッケージはマットな質感とさりげないエンボス加工で高級感と手触り感を演出しましょう。

media.io で生成されたウォームカフェの画像例

12) モダンワークウェア

HEX： #A79A6E #EFECE4 #3E4A3B #C2C5C7 #B35B3E

雰囲気： 実用的、モダン、耐久性

おすすめ用途： ツール系ブランドやECカテゴリーページ

実用的かつモダンな印象で、キャンバスエプロン、スチール製ツール、よく使い込まれた作業台などを感じさせます。明るいニュートラルで商品グリッドを支え、フォレストグリーンでナビゲーションや信頼感の要素に。温かいテラコッタでセールタグや主要なCTAに活気を加えます。商品写真は一貫させ、派手すぎる光沢を避けて質実なイメージを保ちましょう。

media.io で生成されたモダンワークウェアの画像例

13) ヘリテージロッジ

HEX： #B2A46F #E8E1D2 #7A5E3A #4E5B41 #1E1C18

雰囲気： 伝統的、ムーディー、アウトドア

おすすめ用途： キャビンレンタルやラスティックなホスピタリティブランド

伝統的かつムーディーな雰囲気は、山小屋の梁、使い込まれたレザー、雨の後の松の葉を感じさせます。ほぼ黒の色で印象的なタイポグラフィを、温かいクリームで間を持たせて呼吸感を与えます。オリーブグリーンは自然で信頼感があり、特に予約ボタンやセクションタイトルに最適です。背景には控えめな木目調テクスチャを加えますが、テキストがはっきり見えるよう薄く保って下さい。

media.io で生成されたヘリテージロッジの画像例

14) サンリットストゥッコ

HEX： #B7AA72 #FFF6DE #F1D27A #C86B3C #6E5A3C

雰囲気： 陽だまり、地中海風、気分が明るい

おすすめ用途： レストランのアイデンティティや夏のプロモーション

陽気で高揚感のある雰囲気は、漆喰の壁、レモンの光、テラコッタの植木鉢を思わせます。バターイエローはアイコンや小さなパターンのアクセントにし、背景全面には使いません。テラコッタは見出しやプロモーションステッカーに食欲をそそる暖かみを加えます。クリーンなセリフ書体とクリームの余白を組み合わせることで、新鮮さを保ち、忙しく見せません。

media.io で生成されたサンリットストゥッコの画像例

15) クレイ＆セージ

HEX： #AFA476 #F2EFE7 #C7A27D #7C8A63 #3A3B32

雰囲気： ナチュラル、バランス、癒し

おすすめ用途： スキンケアラベルやスパのパンフレット

ナチュラルで落ち着いた印象は、クレイマスク、ドライハーブ、温かい石を思わせます。明るいニュートラルでクリーンな余白を保ち、セージは信頼感やリラックス効果を。クレーは、パッケージの控えめな主役としてピッタリですが、主張しすぎません。グラデーションは最小限に、マットな質感を重視することで、清潔感と高級感のある色味になります。

media.io で生成されたクレイ＆セージの画像例

16) ラグジュアリーゴールドアクセント

HEX： #B4A26C #0F0F10 #F1E5C6 #D4AF37 #6B5B3E

雰囲気： ラグジュアリー、ドラマチック、エレガント

おすすめ用途： プレミアムブランドや商品ローンチ広告

ラグジュアリーかつドラマチックな印象は、ダークベルベットに金箔があしらわれたような雰囲気です。ブラックを基調にして高級感を出し、メタリックゴールドはロゴや区切りライン、価格バッジなど主要ポイントだけに限定して使います。やわらかなアイボリーでデザインの重さを和らげます。ゴールドはワンスタイルに限定し、適度な余白でその輝きを際立たせましょう。

media.io で生成されたラグジュアリーゴールドアクセントの画像例

17) クリーンEC UI

HEX： #B8AE82 #F9F9F7 #E1E5EA #3D4B57 #F06B4F

雰囲気： クリーン、フレンドリー、コンバージョン重視

おすすめ用途： ECストアのUIやチェックアウトフロー

クリーンで親しみやすさのある雰囲気は、明るい日差しに温かみのある土色のニュアンスが感じられます。これらのカーキ系の組み合わせはナビゲーションやさりげないUIの強調に適し、コーラルアクセントが主な行動ボタンの注目を集めます。ブルーグレーはテキストやアイコンを明快に見せ、やわらかな背景とのコントラストを確保します。実践的なコツとして、コーラルはひとつのボタンスタイルだけに使い、CTAがすぐに認識できるようにしましょう。

media.io で生成されたクリーンEC UIの画像例

18) エコパッケージング

HEX： #B0A36F #F7F4EA #2F5D50 #8BB174 #C55A3C

雰囲気： エコ、フレッシュ、信頼感

おすすめ用途： サステナブルパッケージやハングタグ

エコで信頼感のある雰囲気は、再生紙、フレッシュハーブ、自然由来の染料を想起させます。紙のようなオフホワイトをラベルのベースとして目立たせ、深いグリーンをブランドマークや成分ヘッダーに使います。暖かい赤茶は印鑑やシールなどの小さなディテールに最適。用紙は未加工紙を選び、明るすぎる印刷を避けてパレットのサステナブルな個性を保ちましょう。

media.io で生成されたエコパッケージの画像例

19) トラベルポスターサンド

HEX： #B6A06A #F9F1E2 #2E5E7E #E07A5F #1F2326

雰囲気： レトロ、冒険的、グラフィカル

おすすめ用途： トラベルポスターやポストカードデザイン

レトロで冒険心のある雰囲気は、日焼けしたインクのヴィンテージポストカードのようです。ディープブルーで強いシルエットやテキストを作り、コーラルでランドマークやバッジの元気なハイライトに。温かいサンドトーンをメイン背景として懐かしい印刷感を表現します。シンプルな図形とグラデーションを抑えた配色で、クラシックなスクリーンプリントポスター風にまとめましょう。

media.io で生成されたトラベルポスターサンドの画像例

20) イブニングオリーブノワール

HEX： #A69C6A #E6E1D4 #5D6B52 #2A2E2A #9B3D2F

雰囲気： ムーディー、洗練、シネマティック

おすすめ用途： エディトリアルレイアウトやファッションルックブック

ムーディーで洗練された雰囲気は、夕暮れの影、オリーブの枝、深いワイン色を思わせます。オフホワイトは落ち着いたページベースに最適で、ダークチャコールが本文やグリッドを支えます。バーガンディは引用やセクション見出し、小さなルールラインなどコントロールの効いたアクセントとして加えます。仕上がりをスマートにするにはイメージを彩度低めにし、十分なマージンを取ってシネマティックな印象を守りましょう。

media.io で生成されたイブニングオリーブノワールの画像例

21) クワイエットモノクロームカーキ

HEX： #B1A57A #F5F3EC #DED9CB #A1977D #5B5649

雰囲気： 静か、控えめ、軽やか

おすすめ用途： ポートフォリオサイトやケーススタディページ

静かで控えめな印象は、テクスチャードペーパーに差し込むやわらかな日差しのようです。淡いニュートラルで大きなセクションをまとめ、ミッドカーキでカードや区切りに。深いトープで見出しにコントラストをつけ、キツくなりすぎません。おすすめは、まずスペースでセクションを分けてから色を追加すると、デザインに軽やかさと高級感が生まれます。

media.io で生成されたクワイエットモノクロームカーキの画像例

22) ストーンガーデンコントラスト

HEX： #AD9F6E #F2F0E8 #9AA38B #6E6A5B #2B2C28

雰囲気： 禅、構成的、バランス

おすすめ用途： 建築資料やミニマルなプレゼン資料

禅的で構成的な雰囲気は、ならされた砂利、苔、滑らかな川石を思わせます。明るいニュートラルはスライドやホワイトスペースに使い、2つのクールグレーで階層を作ります。苔色のグリーンは図解やさりげない強調に最適です。このカーキ配色は、細いラインや抑えたアイコン、ページごとの均一な余白で最も洗練されて見えます。

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

カーキと相性が良い色は？

カーキは、クリーム、ウォームホワイト、サンド、トープ、エスプレッソブラウンなど他のアース系ニュートラルとも自然になじみます。これらの組み合わせはアンダートーンが近く、快適なコントラストでまとまった印象になります。

もっと新鮮でモダンな雰囲気を求める場合は、カーキとスレートブルー、ブルーグレー、シーフォームやライトグレーなど涼しい色で組み合わせます。これによりカーキが「クリーンミニマル」な印象に寄りつつ、ベースに温もりを残します。

アクセントカラーで存在感を出したい場合は、ラスティ・テラコッタ・コーラル・バーガンディ・メタリックゴールドを部分的に使います。これらはCTAやバッジ、主要な見出しだけに使い、配色が控えめで高級感のある印象を保つようにしましょう。

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

ブランディングにおいては、カーキを背景・パッケージ素材・サポート図形のベースカラーとして扱い、タイポグラフィやロゴにはダークな基調色（チャコールやエスプレッソ）を1つ選びます。強調に使うアクセント色はひとつに絞ることで、資産全体に一貫性を保てます。

UIデザインの場合、カーキは「ピュアグレーの代わりになる暖かみのあるニュートラル」として最適です。ナビゲーションのハイライト、タブ、区切り、カード背景などに使います。アクセシビリティのため、本文はダークニュートラルで、ボタンやリンクのコントラストも必ず確認しましょう。

インテリアやプロダクトスタイリングでは、テキスタイル、ペイント、または天然素材（リネン、レザー、木材）を使ってカーキを取り入れましょう。クリーム色と組み合わせて明るさを出し、ダークブラウンやオリーブグリーンを加えて深みを持たせると、平坦でベージュっぽい見た目を避けられます。

AIを使ってカーキパレットのビジュアルを生成する

ムードボード、ポスター、UIモックアップ、パッケージコンセプトを構築する場合、迅速なビジュアル生成によって、カーキが照明やテクスチャ、レイアウトの違いでどう変化するかをテストできます。これは特に、オリーブ系カーキとゴールド系カーキの間で迷っている場合に便利です。

上記のパレットの中から一つを選び、必要なフォーマット（フラットレイムードボード、ECサイトUI、ポスター、ラベルデザインなど）を説明し、「シンプルな背景」「手を写さない」や特定のアスペクト比などの条件を追加しましょう。テクスチャ、コントラスト、アクセントカラーなど、1つずつ調整しながら試行錯誤します。

Media.ioを使えば、パレットをチームメンバーやクライアントと共有できる一貫性のあるデザイン例に変換できます。

次へ： ライトグレーカラーパレット