ベージュグレーの配色アイデア20選｜カラーコード・AIプロンプト付き

ベージュグレー（グレージュとも呼ばれる）は、落ち着きがあり、モダンで暮らしやすいデザインを実現する近道です。ベージュの温かみとグレーの構造感を融合させることで、空間やディスプレイが柔らかく感じられ、単調にはなりません。

以下に、HEXコード付きのすぐに使えるベージュグレーのカラーパレット20選と、インテリア、ブランディング、UIで役立つ実践的な組み合わせのコツを紹介します。

ベージュグレーのパレットが人気の理由

ベージュグレーは「快適ゾーン」のカラーです。十分温かみがあるため親しみやすく、かつニュートラルなので力強いタイポグラフィ、写真、木材・石・金属などの素材とも相性抜群です。

コントラストはクリームに近いオフホワイトからチャコールまで調整でき、グレージュパレットは階層をつけやすいのが特徴です。柔らかな質感を保ちつつ、ナビゲーション、見出し、トリム、CTAには深いトーンを使い分けできます。

また、照明やディスプレイを問わず適応します。良く設計されたベージュグレーの配色は、日中のインテリアから暖色電球、Web UIから印刷物まで、純粋なグレーにありがちな冷たさなく一貫性が保てます。

20＋ ベージュグレーカラーパレット集（HEXコード付き）

1）ウォームグレージュロフト

HEX： #f4ede3 #d9cdbf #b8a999 #7b7770 #2e2f31

雰囲気： 温かみ、モダン、安定感

おすすめ用途： ロフトリビングのインテリアスタイリング

夕日のコンクリートとリネンのように暖かく、安定した印象。クリーミーベージュ、ソフトグレージュ、チャコールの組み合わせが、モダンでありながら冷たくないバランスの良いパレットを作ります。壁、ファブリック、金属仕上げなどに使い、マットブラックのディテールを加えて輪郭を引き締めましょう。コツ：最も濃い色を脚、フレーム、照明器具に使うと空間が引き締まります。

media.ioで生成したウォームグレージュロフトの画像例

Media.io

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

今すぐ無料でお試し

2）ペブルリネンUI

HEX： #fbf7f1 #e6ddd2 #c9beb1 #8c8883 #3b3d40

雰囲気： 清潔感、落ち着き、プロフェッショナル

おすすめ用途： ミニマルSaaSダッシュボードUI

小石とリネンの清らかさを柔らかな日差しの下で感じさせる配色です。これらのニュートラルカラーはコンテンツを整理された印象にし、階層やナビゲーションには濃いグレーを使って引き締めます。特にアナリティクスダッシュボードや金融ツール、設定の多い製品に最適。コツ：カードの枠線には中間トーングレージュを使い、UIの構造感は保ちつつ箱っぽさを防ぎましょう。

media.ioで生成したペブルリネンUIの画像例

3）カシミアコンクリート

HEX： #f1e9de #d5c8ba #a99b8d #6e6c68 #1f2226

雰囲気： ラグジュアリー、建築的、居心地よさ

おすすめ用途： ブティックホテルロビーコンセプト

カシミアを磨かれたコンクリートの上に掛けたような上質で建築的な印象。ウォームベージュがグレーを和らげ、ブラックに近い色がサインやトリムに高級感をプラス。落ち着きと洗練を両立したいホスピタリティ空間におすすめ。コツ：一番明るいベージュは広い面、最も濃い色は案内表示や金属部分に使いましょう。

media.ioで生成したカシミアコンクリートの画像例

4）ミスティサンドストーン

HEX： #f7f1e8 #e0d6cb #bfb3a6 #8a847d #4a4a4d

雰囲気： ソフト、エアリー、控えめ

おすすめ用途： スパのパンフレット・サービスメニュー

霧が淡い砂岩の上にかかるような柔らかく軽やかな配色。優しいコントラストによりタイポグラフィが読みやすく、落ち着いた高級感を演出します。余白を活かしたいスパメニュー、ウェルネス系パンフレット、サービス系ブランディングにぴったり。コツ：見出しは一番濃いグレーにし、最も明るいクリームは広めのマージンに使いましょう。

media.ioで生成したミスティサンドストーンの画像例

5）ギャラリープラスター

HEX： #fffaf2 #e7ddcf #cfc2b2 #9a9288 #2a2c2f

雰囲気： アートフル、ミニマル、キュレーションされた印象

おすすめ用途： アートギャラリーブランドアイデンティティ

静かなギャラリーの新しい漆喰壁のようにアートフルでミニマル。淡いベースが写真に余白を与え、深いグレーでエディトリアル感を演出。アイデンティティシステム、壁面ラベル、印刷物で使えば、控えめながら自信のあるブランドに。コツ：パレットは明るい色でまとめ、チャコールはタイトルや小さなマークだけに使いましょう。

media.ioで生成したギャラリープラスターの画像例

6）エスプレッソベージュトリム

HEX： #f6efe5 #dccfc1 #b7a797 #6a625a #2b1f1a

雰囲気： リッチ、居心地が良い、洗練された

おすすめ用途： コーヒーパッケージ＆商品広告

スチームミルクがエスプレッソに渦巻くような、リッチで居心地のいいパレット。ウォームベージュやトープで親しみやすさを出し、濃いブラウンで高級感ある仕上がりに。コーヒーバッグやラベル、ライフスタイル商材広告で明るすぎない暖かさが必要な時に。コツ：ロゴや焙煎の表記には一番濃い色を使い、棚越しにもはっきり見えるパッケージに。

media.ioで生成したエスプレッソベージュトリムの画像例

7）クワイエットメドウニュートラルズ

HEX： #f3efe6 #d9d2c6 #b7b0a3 #7b776e #6f7a68

雰囲気： ナチュラル、優しさ、癒し

おすすめ用途： 春のボタニカルイラスト

朝もやの中の静かな草原のようにナチュラルで癒しを感じさせます。くすんだセージグリーンを足すことで、無機質に見えがちなベージュグレー配色に生命感が加わり、フレッシュな印象に。ボタニカルプリント、ウェルネス系SNS投稿、植物が主役のパッケージなどにおすすめ。コツ：クリームとグレージュを基調にし、セージグリーンは茎や葉、ワンポイントに限定しましょう。

media.ioで生成したクワイエットメドウニュートラルズの画像例

8）レイニーデイミニマル

HEX： #f2f0ec #d7d5d1 #b0aeaa #6f6f71 #2f3136

雰囲気： クール、ミニマル、集中感

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

雨の日にきれいなガラス越しで感じる涼しさと集中感。階調豊かなグレーで表やグラフがシャープに見え、ソフトなオフホワイトで重くなりすぎません。ビジネス用のスライド、リサーチレポート、要点明快なキーノートテンプレートに最適。コツ：一番濃い色は見出しだけに、本文は中間グレーで目の疲れを抑えましょう。

media.ioで生成したレイニーデイミニマルの画像例

9）ノルディッククレイキッチン

HEX： #f7f2ea #e2d7cc #c3b4a6 #8a857f #3a3836

雰囲気： 家庭的、モダン、清潔感

おすすめ用途： キッチンキャビネット＆カウンタートップの組み合わせ

ノルディックスタイルの粘土と淡い木材が明るいキッチンに調和。優しいベージュの重なりが自然素材を引き立て、深めのニュートラルで金物や目地が際立ちます。キャビネットやタイル、温かみあるカウンター選びにおすすめ。コツ：一番明るい色は日中も電球色でも試してみて、予想外の黄みが出ないか確認しましょう。

media.ioを使用して生成した北欧粘土キッチンの画像例

10) ソフトスーティング

HEX： #f5f0e7 #d9d0c6 #b2a89e #7a756f #2d2c2b

雰囲気： 洗練された、穏やか、プロフェッショナル

おすすめ用途： コーポレートヘッドショットの背景およびワードローブガイド

洗練され穏やかな雰囲気は、柔らかい光のスタジオで仕立てられたスーツのよう。これらのトーンは肌の色を自然に見せ、カメラ上の強いコントラストを抑えます。ワードローブガイド、背景選び、ブランド撮影でチームで一貫性が必要な場合におすすめです。ヒント：被写体の背後に中間グレージュを配置し、最も深い色はテキストやロゴのオーバーレイ用に取っておきましょう。

media.ioを使用して生成したソフトスーティングの画像例

11) デザートフォグブランディング

HEX： #f9f3e9 #e1d4c6 #c1b2a3 #867f78 #4c4a47

雰囲気： 温かい、空気感、プレミアム

おすすめ用途： スキンケアラベルデザイン

砂漠の霧が夜明けに砂の上を抜けていくような温かく空気感のあるトーン。柔らかいニュートラルカラーはクリーンかつ信頼感があり、成分重視のブランドに最適です。ラベルやカートン、静かなプレミアム感を出したいWeb商品ページにおすすめ。ヒント：未加工用紙へテスト印刷して、最も明るいクリームが紙に溶け込まないよう注意しましょう。

media.ioを使用して生成したデザートフォグブランディングの画像例

12) ストーンウォッシュデニムアクセント

HEX： #f2ede5 #d8cec5 #b4aba2 #7c7a76 #4a5f6a

雰囲気： リラックス、コンテンポラリー、バランス

おすすめ用途： カジュアルファッションルックブックレイアウト

リラックスかつ現代的で、ストーンウォッシュデニムとオートミールニットの組み合わせのよう。クールなブルーグレーのアクセントがニュートラルを引き締め、ページを単調にしません。ベージュグレーの組み合わせで現代的な印象を保ちます。ファッションルックブック、ライフスタイルブログ、ECカテゴリーページにおすすめ。ヒント：デニムトーンはコールアウトやセクションヘッダーに限定して使うことで特別感を維持。

media.ioを使用して生成したストーンウォッシュデニムアクセントの画像例

13) アンティークペーパーエディトリアル

HEX： #fbf4e8 #e6dacb #cdbfae #908a82 #333438

雰囲気： ヴィンテージ、文学的、洗練

おすすめ用途： 雑誌特集見開き

ヴィンテージかつ文学的、アンティークペーパーや鉛筆スケッチの印象。温かいオフホワイトベースはアーカイブ感、ダークグレーは長文テキストの読みやすさを演出します。クラシックなトーンが必要な雑誌特集やエッセイ、ポートフォリオケーススタディに。ヒント：控えめなグレインテクスチャーと広い余白を組み合わせると、本格的な編集仕上げになります。

media.ioを使用して生成したアンティークペーパーエディトリアルの画像例

14) ウィンターバーチ

HEX： #f8f6f1 #dedbd5 #bebbb5 #878680 #2e2f33

雰囲気： クール、静寂、シャープ

おすすめ用途： ミニマル壁紙パターンデザイン

クールで静か、曇り空の下の冬の白樺の樹皮のよう。淡いグレーから中間グレーへの subtleな段階でパターンに奥行きを与え、主張しすぎません。壁紙や繰返しテキスタイル、コンテンツ背後の穏やかなグラフィックにおすすめ。ヒント：遠目で見るときは最も暗い色で輪郭を取るとコントラストが強調されます。

media.ioを使用して生成したウィンターバーチの画像例

15) セラミックスタジオ

HEX： #f6f0e7 #d9d0c5 #b9afa4 #746f69 #3f3c39

雰囲気： ハンドメイド、アース感、穏やか

おすすめ用途： 陶芸ワークショップフライヤー

ハンドメイドでアース感のある、静かなスタジオでエプロンについた粘土のよう。温かいニュートラルは触感的で親しみやすく、コミュニティクラスや職人イベントに最適。フライヤーやソーシャルグラフィック、小さなポスターでタイポグラフィをシンプルかつ力強く整えたい時におすすめ。ヒント：背景は一番明るいクリームにし、最も濃いブラウングレーはスケジュール欄に使いましょう。

media.ioを使用して生成したセラミックスタジオの画像例

16) メトロベージュグリッド

HEX： #f3efe7 #dad3c8 #bdb5aa #8a857e #2c2c2f

雰囲気： 構造的、モダン、都会的

おすすめ用途： モバイルファーストWeb UIキット

構造的でモダン、温かい石に柔らかくされた都会のグリッドのよう。ニュートラルカラーの段階でコンポーネントに明確なレイヤーを生み、ベージュグレーの配色は明るい面でも読みやすさを維持します。UIキットやデザインシステム、商品マーケティングページの一貫性が必要な場合におすすめ。ヒント：最も暗い色は主要ボタンのみに使い、中間色はセカンダリ状態やボーダーに。

media.ioを使用して生成したメトロベージュグリッドの画像例

17) ハースサイドニュートラルコンフォート

HEX： #f4eee5 #ded2c4 #bfae9d #7d746b #3a2f2a

雰囲気： コージー、ラスティック、ウェルカム

おすすめ用途： キャビン寝室デコレートプラン

コージーで温かく、静かな炉辺近くのウールブランケットのよう。ウォームトープやブラウンがグレーをベースに加わり、部屋がフォーマルでなくリラックスした印象に。寝室や読書スペース、ナチュラルウッドのラスティックモダンキャビンにおすすめ。ヒント：まずテクスチャーを加え、最も暗い色は取っ手やフレーム、アクセント壁のみに控えめに使用。

media.ioを使用して生成したハースサイドニュートラルコンフォートの画像例

18) コースタルデューン

HEX： #faf4ea #e2d8cc #c2b7ab #7d7f7f #4b5a5f

雰囲気： そよ風、リラックス、海岸

おすすめ用途： リゾートランディングページヒーロー

そよ風が吹き抜ける海岸の砂丘や流木のようなリラックス感。ブルーグレーのアクセントがニュートラルを引き締め、旅行やホスピタリティページにぴったり。リゾートサイトや予約導線、落ち着いた印象が必要なメールヘッダーにもおすすめ。ヒント：ブルーグレーは1つの強いCTAカラーとして目線誘導に使うと雰囲気を壊さず効果的。

media.ioを使用して生成したコースタルデューンの画像例

19) ミュージアムラベル

HEX： #fcf8f1 #e4dccc #c8bca9 #8c857a #262628

雰囲気： 静寂、精密、学術的

おすすめ用途： 展示サイン＆ラベル

静かで精密、彫刻の横に置かれる博物館ラベルのよう。温かい明るいベースはキュレーション感、チャコールは近距離で小さな文字もシャープ。サイン、案内板、展示カタログで可読性が最重要となる場合におすすめ。ヒント：会場照明下でテスト印刷して、中間グレージュがマット紙上でフラットになりすぎないか確認。

media.ioを使用して生成したミュージアムラベルの画像例

20) スモーキーベージュナイトフォール

HEX： #f1ebe2 #d6c9bb #b0a295 #6a6560 #1d1c1e

雰囲気： ムーディー、エレガント、シネマティック

おすすめ用途： 夜のイベント招待状デザイン

ムーディーでエレガント、温かい石の上に夜が訪れるような印象。ダークグレーがソフトニュートラルにドラマを加え、着飾った現代的なベージュグレーカラーパレットに。夜の招待状やギャラリーオープニング、控え目なラグジュアリー告知におすすめ。ヒント：最も暗い要素は箔やスポットグロス加工で仕上げると、高コントラストを保ちつつ余計なカラー追加を避けられます。

media.ioを使用して生成したスモーキーベージュナイトフォールの画像例

ベージュグレーに合う色は？

ベージュグレーは、シャープなブラックやチャコールと組み合わせることでコントラストが美しく、またオフホワイトと重ねてレイヤードモノクロームルックにも映えます。より高級感を出す場合は、ほぼ黒をロゴや文字、縁、ハードウェアなど小さく控えめに用いるのがおすすめです。

色味を加える場合は、控えめなアクセントカラーが最適です：セージ/オリーブグリーン、デニムブルーグレー、ダスティーブラウン。これらは穏やかなグレージュ基調を保ちつつ、個性と明確な焦点を加えます。

温かいメタル（真鍮、シャンパンゴールド）やナチュラル素材（オーク、トラバーチン、リネン）はベージュ・グレーとの相性が良く、穏やかなモダン感を補強し、彩度を足す必要がありません。

本物のデザインでベージュグレーパレットを使う方法

まず「サーフェーススタック」から始めるのがおすすめ：一番明るいクリームを背景に使用し、次にライトグレージュをカードやパネル、大きなインテリア面に。中間色はボーダーや仕切り、セカンダリ要素用に取っておくと重い線にならず構造が保てます。

可読性にも配慮しましょう：見出しや重要なUIアクションには最も暗い色を、本文は柔らかいダークグレーでグレアを抑えるとよいでしょう。印刷の場合は、最も明るい色が用紙に消えてしまわないよう常にテストを。

最後に、アクセント（セージ、デニム、エスプレッソ）を1つだけ制御して繰り返し使うこと。ブランドやUIでは、この反復がニュートラルカラーパレットを意図的にまとめた印象に仕上げます。

AIでベージュグレーパレットのビジュアルを作成する

ムードボードやUIコンセプト、パッケージ案を作る場合は、短時間でビジュアルを生成してベージュグレーの組み合わせが温かいか、冷たすぎるか比較するのがおすすめです。最速のワークフローは、パレットをスタイリングした複数シーンに変換し、並べて比較すること。

Media.ioを使えば、テキストプロンプトからテーマに沿った例（インテリアやレイアウト、商品写真など）を生成し、同じニュートラルパレットを維持しつつ照明・素材・コントラストを調整しながら繰り返し制作できます。

上記のパレットを出発点とし、「リネン」「漆喰」「コンクリート」「マット」「ウォームデイライト」等の単語でプロンプトを調整し、ベージュグレーのバランスをコントロールしましょう。

次へ： ベージュブラックカラーパレット