カーキベージュの配色20選とHEXコード一覧

カーキベージュは、温かみがあり、自然な色合いと新鮮なアクセントのどちらとも合わせやすい現代的なニュートラルカラーです。ブランド、UI、インテリアに自然な「素材感」をもたらしつつ、平坦な印象になりません。

以下は、HEXコード付きのすぐ使えるカーキベージュのパレットアイデア20選と、ムードボードやモックアップ、プレゼンテーション用AI画像プロンプトです。

カーキベージュのパレットが上手く機能する理由

カーキベージュは、ナチュラルとモダンのちょうど中間に位置しています。十分な温かみで親しみやすく、ニュートラルさで大胆なアクセントやタイポグラフィ、商品写真を支えます。

実際の素材（リネン、紙、砂、粘土）のように感じられるため、ブランドシステムに信頼感を与え、デジタルデザインでも触覚的な雰囲気を演出します。特にライフスタイル、ウェルネス、プレミアムな「静かなラグジュアリー」スタイルに効果的です。

様々な光環境やメディアに対応する柔軟性があります。ダークカラー（エスプレッソ、チャコール、ディープグリーン、スレート）がアンカーになれば、カーキベージュは軽やかさを保ちつつ、UIやエディトリアルレイアウトのコントラスト要件も満たせます。

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

1）サンドストーンスタジオ

HEX： #C3B091 #DCC9A3 #A38B6D #F3EBDD #4A3F35

雰囲気： 日差しで暖まり地に根ざす

おすすめ用途： ブランドアイデンティティのムードボード

日差しで暖まり地に根ざしたトーンは、サンドストーンやリネン、ほんのりエスプレッソを思わせます。ライフスタイルブランドやパッケージ、温かみのあるウェブセクションに最適。濃いブラウンとクリームを高コントラストなタイポで用い、カーキやトープは背景に。コツ：レイアウトの10～15％を最も暗い色でまとめると、高級感と軽やかさが出ます。

media.ioで生成されたサンドストーンスタジオの画像例

Media.io

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

無料で今すぐ試す

2）オリーブリネン

HEX： #B8AE8A #D8D0B8 #7A7B4E #EFE7D6 #2F3A2E

雰囲気：オーガニックで控えめ

おすすめ用途：エコ商品パッケージ

オーガニックで控えめな雰囲気は、リネン生地、乾燥ハーブ、リサイクル紙を連想させます。エコパッケージやサステナブルスキンケア、カフェ商品にぴったり。オリーブ色はシールや強調部分に、ライトベージュはラベルの読みやすさを保ちます。コツ：最も暗いグリーンは控えめに印刷し、軍用品っぽくならないように。

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

3）デザートクレイ

HEX： #C8B08A #E4D3B7 #B56A4C #8C5A3C #F7F1E6

雰囲気：手作り感と日差しを浴びた質感

おすすめ用途：陶器ショップのブランド

手作りで日差しを浴びた雰囲気が、テラコッタの鉢や砂漠の道を思わせます。アーティザンブランドやメーカーマーケット、暖かなエディトリアルに最適。粘土色をボタンやスタンプ、ハイライトで使い、クリーミーなオフホワイトで全体を軽やかに。コツ：見出しに濃いブラウンを使えば、粘土感にオレンジではなくリッチな印象が出ます。

media.ioで生成されたデザートクレイの画像例

4）ヴィンテージサファリ

HEX： #BFAF8A #D9CBAA #6B6A45 #C26D3B #2E2A25

雰囲気：冒険心とレトロ感

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

冒険心とレトロ感で、使い込んだ革、フィールドノート、午後の熱気をイメージ。旅行ポスターやアウトドアイベント、ヘリテージブランドに最適。バーニングオレンジとダークチャコールでタイトルを大胆に、ベージュを余白に。コツ：背景にさりげなくグレインを加え、ヴィンテージ感を強めつつ色の鮮明さを保つ。

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

5）ミニマルウォームUI

HEX： #C6B48E #E9E1D1 #9A8C6A #FFFFFF #1F1E1C

雰囲気：クリーンで温かみのある

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

クリーンで温かみがあり、ナチュラルウッドに囲まれた明るいスタジオを思わせるニュートラル。ダッシュボードや生産性ツールに最適で、冷たさのない落ち着いた印象に。ほぼ黒はテキスト、オフホワイトは面、ミッドカーキはアクティブ状態に。コツ：ボーダーは超ライト、スペーシングを調整し、UIの現代感とゆとりを持たせる。

media.ioで生成されたミニマルウォームUIの画像例

6）静かな図書館

HEX： #C1B08C #D8CBB0 #8A7A5C #5B4B3A #2C2420

雰囲気：ムーディーで知的

おすすめ用途：書籍カバーデザイン

ムーディーで知的な印象は、アンティーク紙や革の装丁、影の多い棚を彷彿とさせます。書籍のカバーやアカデミックブランド、ロングブログにも最適。ミッドブラウンでタイトルブロック、ライトベージュで余白やキャプションを柔らかく。コツ：カーキのハイライトを小さく加え、落ち着きを損なわずサブタイトルにフォーカス。

media.ioで生成された静かな図書館の画像例

7）コースタルデューン

HEX： #C9B68F #E6D9C3 #A9B7B0 #6F8A8A #F8F6F0

雰囲気：軽やかで海辺の雰囲気

おすすめ用途：スパサイトデザイン

軽やかで海辺の雰囲気で、淡い砂丘や朝霧、流木ニュートラルを感じさせます。スパサイトやウェルネスアプリ、柔らかいランディングページに最適。シーミストの色でアイコンやセクション区切り、デューンカーキで主要ボタンを。コツ：画像は明るく保ち、くすみティールがグレー化しないよう。

media.ioで生成されたコースタルデューンの画像例

8）オータムマーケット

HEX： #C4B089 #E2D1B5 #D08A4E #8E4B2E #4B5A3A

雰囲気：収穫の暖かさと活気

おすすめ用途：季節のプロモーションフライヤー

収穫の暖かさと活気があり、焼き立てのパンやカボチャ、編み籠をイメージ。カーキベージュの配色は季節プロモやファーマーズマーケットのフライヤー、居心地の良いグラフィックに最適。アンバーはプライスタグやステッカーに、淡いベージュを余白に使い魅力的に。コツ：グリーンは控えめなアクセントにし、オレンジと競合しないように。

media.ioで生成されたオータムマーケットの画像例

9）ボタニカルプレス

HEX： #BFB28B #DCD1B8 #6E7D58 #B7C49A #3A3F2F

雰囲気：新鮮でボタニカル

おすすめ用途：ハーブティーパッケージ

新鮮でボタニカルな色合いは、押し葉や柔らかな紙を連想させます。ハーブティーやガーデンブランド、マインドフルな文具にぴったり。リーフグリーンを主なアクセントに、深いオリーブでロゴや成分リストを落ち着かせる。コツ：マットフィニッシュを選び、グリーンが温かいベージュと自然に調和。

media.ioで生成した植物標本の画像例

10) モダンヘリテージ

HEX： #C2AF86 #E1D4BC #2F4858 #8C6F54 #F2EDE2

雰囲気： クラシックにモダンなエッジを加えて

おすすめ用途： 法律事務所のブランディング

クラシックを現代的にアレンジし、温かみのあるヘリテージニュートラルとシャープなディープスレートが組み合わさっています。プロフェッショナルサービス、建築スタジオ、プレミアム提案に最適です。見出しやアイコンにはスレート色を使って権威を演出し、ベージュ系で親しみやすさを保ちます。コツ：行間を広く取り、暖かみのあるオフホワイトが読みやすさを支えます。

media.ioで生成したモダンヘリテージの画像例

11) ソフトウェディングニュートラル

HEX： #C7B590 #EADFCB #D7B2A8 #F7F3EC #7E6A5A

雰囲気： ロマンチックで繊細

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

ロマンチックで繊細な組み合わせは、やわらかなパーチメントやピンクの花びら、暖かな影を思わせます。このカーキベージュの配色は流行りではなくタイムレスな招待状、メニュー、当日のサインに最適です。ピンク色はモノグラムやボーダーに、濃いトープは小さな文字に使うことで強いコントラストを避けます。コツ：ニュートラルな色合いが意図的で触覚的に見えるよう、テクスチャーのある用紙に印刷してください。

media.ioで生成したソフトウェディングニュートラルの画像例

12) カフェメニュー

HEX： #BFAE86 #E3D6BC #9C6B3E #5B3A24 #F4EEE3

雰囲気： 居心地良く食欲をそそる

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

居心地よくて食欲をそそる色合いは、スチームミルク、キャラメル、ローストした豆のような雰囲気です。カフェのメニューやベーカリーブランディング、温かみのあるSNS投稿におすすめ。コーヒーブラウンが見出しや値段に明確な階層を生み出し、薄いベージュがページをすっきりと保ちます。コツ：キャラメル色は特別メニューのハイライトに使うと、すぐに目立ちます。

media.ioで生成したカフェメニューの画像例

13) アウトドアギア

HEX： #B9AB82 #D7CBAF #3E4A35 #6C6A3C #1E1F1B

雰囲気： 無骨で機能的

おすすめ用途： ハイキングギアの広告

無骨で機能的なこの配色は、キャンバスストラップやトレイルのほこり、松の木陰をイメージさせます。ハイキングギアの広告、サバイバルキット、アウトドアECに最適です。太字にしたい部分には深いブラック、技術的なポイントには苔グリーンを、そしてベージュをメインに。コツ：ハイコントラストのバッジを一つライトベージュで加えると、ナチュラル感を損なわずに目立ちます。

media.ioで生成したアウトドアギアの画像例

14) クリーンスキンケア

HEX： #CBB996 #EFE6D6 #BFD2C6 #FFFFFF #7A8B83

雰囲気： フレッシュでミニマル

おすすめ用途： スキンケアのランディングページ

フレッシュでミニマルな感覚は、清潔なタイル、やさしい植物、軽やかな自然光を思わせます。信頼性と明快さが大切なスキンケアのランディングページや商品教育画面に最適です。ハイライトやアイコンにはセージグリーン、CTAには深いグレーグリーンを使い、強調しつつも出しゃばらない印象に。コツ：写真は淡い色調で揃え、柔らかなニュートラルカラーに合わせましょう。

media.ioで生成したクリーンスキンケアの画像例

15) エディトリアルベージュ

HEX： #C0AE88 #E6D8BE #A6A29A #2B2B2B #F9F6EF

雰囲気： 洗練されたエディトリアル

おすすめ用途： 雑誌のレイアウト

洗練されたエディトリアルな印象は、暖かな用紙に鮮烈なインクを思わせます。このカーキベージュのカラーパレットはルックブックや雑誌、構造と抑制が必要なポートフォリオページに適しています。見出しやキャプションにはチャコールを、セクションラベルやルールラインには暖色系グレーを使います。コツ：1スプレッドにつきアクセントカラーは1色だけにして、高級感を保ちましょう。

media.ioで生成したエディトリアルベージュの画像例

16) キッズルームカーム

HEX： #C6B690 #F1E8D6 #C9D7E0 #E7C7B4 #FFFFFF

雰囲気： やわらかく安心感のある

おすすめ用途： ナーサリー壁アート

やわらかくて安心できる雰囲気は、ふんわりしたブランケットや絵本、朝の光のようです。ベビールームの壁アートやベビーシャワー用ステーショナリー、やさしいファミリーブランドに最適。パウダーブルーとピーチをアクセントに、カーキベージュで全体を落ち着かせます。コツ：シンプルな形とたっぷりのホワイトスペースでパステルカラーが落ち着いた印象に。

media.ioで生成したキッズルームカームの画像例

17) ナイトフォールコントラスト

HEX： #BDAF87 #DCCFB5 #28323A #8B7D63 #111111

雰囲気： 劇的でモダン

おすすめ用途： ファッションルックブックのカバー

劇的でモダンな印象は、夕暮れを思わせる暗色と暖かな砂色のコントラストが特長です。ファッションルックブックやプレミアムな特集、インパクトのあるヒーローセクションによく合います。タイポグラフィにはブラック系、ブロックにはディープスレートを使い、ベージュのパネルでエッジを和らげます。コツ：カーキ系は少しテクスチャーを加えると広い面でものっぺりしません。

media.ioで生成したナイトフォールコントラストの画像例

18) セラミックワークショップ

HEX： #C5B28B #E7DBC3 #C97C6B #7D6B5D #F5F1EA

雰囲気： アート感があり親しみやすい

おすすめ用途： ワークショップポスター

アートな雰囲気と親しみやすさを併せ持ち、粘土の粉やつやのあるマグカップ、暖かなスタジオの壁を思わせます。これらのカーキベージュ配色はワークショップのポスター、レッスンスケジュール、メーカーブランドに最適です。日付やCTAにはローズクレイ色を、背景にはクリームやベージュを使います。コツ：手描きのアイコンを加えると企業的でなくクラフト感が際立ちます。

media.ioで生成したセラミックワークショップの画像例

19) ラスティックキッチン

HEX： #BFB088 #DED2B7 #6B4F3A #A36F4C #55634A

雰囲気： 家庭的で素朴

おすすめ用途： レシピブログテーマ

家庭的で素朴な印象は、木のカウンタートップや乾燥スパイス、オリーブの枝のようです。レシピブログや料理ニュースレター、クラシックなフードラベルに最適。見出しやナビゲーションには濃いウッドブラウン、長文でも疲れにくいよう淡いベージュをベースに。コツ：ミューテッドグリーンはカテゴリタグだけに抑えて統一感を。

media.ioで生成したラスティックキッチンの画像例

20) ギャラリーウォール

HEX： #C2B08B #E8DDC7 #B08E72 #9DA4A0 #F3F1EA

雰囲気： 落ち着きと洗練

おすすめ用途： インテリアデザインプレゼンテーション

落ち着きと厳選を感じさせる色合いで、マットなフレームやリネンキャンバス、柔らかなコンクリートの印象です。インテリアデザインの提案やクライアント提案、ミニマルポートフォリオにピッタリ。セクション見出しには暖色トープ、図解にはクールグレーを使い、ベージュ系で一貫した背景を作ります。コツ：画像は暖色で揃え、グレーが洗練されて見えるように。

media.ioで生成したギャラリーウォールの画像例

カーキベージュと相性の良い色は？

カーキベージュはエスプレッソブラウンや暖かいトープ、テラコッタ、オリーブグリーンやフォレストグリーンなどの深みのあるアースカラーと自然に調和します。もっとも暗い色を文字や小さなUI要素の基準に据えると、落ち着きと高級感が生まれます。

より新鮮で軽やかな印象を出すには、シーミストグレーやミューテッドティール、ソフトセージを加えます。これらのクールなアクセントはカーキベージュからくすみ感を引き算し、ウェルネス・スキンケア・落ち着いたランディングページデザインによく合います。

きつすぎないコントラストを出したいなら、真っ黒ではなくチャコールやスレートブルー、ほぼ黒を使ってください。そうしたダークニュートラルはカーキベージュの暖かい雰囲気を保ちながら、視認性と階層を向上させます。

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

ブランディングでは、カーキベージュを“マテリアルベース”（背景、パッケージ台紙、Webセクション）として扱い、オリーブ・クレイ・スレート・ブラッシュのいずれかをヒーローアクセントに選ぶと認識しやすくなります。これで落ち着きつつも個性を損なわないシステムが作れます。

UIデザインでは、オフホワイトを面、ほぼ黒をテキストに、カーキの中間色はインタラクション時（アクティブタブ、選択フィルタ、主ボタン）に使いましょう。そうすることでインターフェース全体が低コントラストや濁った印象になりません。

インテリアやプレゼン資料では、カーキベージュと暖色クリーム、1色だけクールなサポートニュートラル（ソフトグレーかシーミスト）を合わせて温かみのバランスを取ります。見出しや区切りにはウッドブラウンやチャコールを使い、レイアウトのシャープさを保ってください。

AIでカーキベージュパレットのビジュアルを作成

HEXコードがお手元にある場合、その“雰囲気”をすぐ検証する最速の方法は、ムードボードやパッケージのシーン、UI画面、ポスター、エディトリアル誌面のモックビジュアルを生成することです。実際に配色を文脈内で見ることで、コントラストを微調整し最適なアクセントカラーを選べます。

Media.io Text to Imageを使えば、1つのプロンプトでパレット案をクリーンなデザインイメージに変換できます。上記のプロンプトを再利用し、キーワード（ブランド種別、商品、レイアウト）を変更するだけで同じ色の方向性を持つ一貫した仕上がりになります。

気に入った出力ができたら、自分のデザインシステムやクライアント確認、コンテンツテンプレートのリファレンスとして保存しましょう。

次へ： コットンキャンディカラーパレット