Modern Wenge Colors: 20 Best Palette Combinations with Hex Codes

ウェンゲは、深いエスプレッソ系のブラウンで、モダンなデザインに瞬時に温かみと重厚感、クラフト感を加えます。

ウェンゲのカラーパレットでは、そのリッチなベースに、やわらかなニュートラルカラーやくすんだグリーン、ブラッシュトーン、メタリックアクセントを組み合わせることで、レイアウト全体が居心地よく、高級感があり、読みやすくなります。

ウェンゲパレットが優れている理由

ウェンゲは「ダークニュートラル」の領域に位置し、構成や階層性の面では黒と同様の働きをしますが、より温かみと柔らかさ、人間味を感じさせます。そのため、上質なブランディング、エディトリアルレイアウト、強いコントラストが必要な製品デザインにも最適です。

ウェンゲには赤褐色のアンダートーンがあるため、クリーム色やタン、トープと自然に調和し、居心地の良いベースを作ります。くすんだアクセント（セージ、ティール、カッパー、ブラッシュ）を加えれば、現代的ながらも落ち着きと時代を超えた組み合わせになります。

デジタルデザインでは、ウェンゲは特にヘッダーやナビゲーション、ヒーロータイポグラフィに有効で、可読性を高めつつUIが無機質になりすぎません。印刷物では、非コーティング紙にリッチに表現され、テクスチャともよく合います。

20種以上のウェンゲカラーパレットアイデア（HEXコード付）

1) スモークドウォールナット

HEX: #4b3a34 #6a544c #a38b7f #d8c9bf #b07a5a

雰囲気： 心地よく、安定感があり、職人風

おすすめ用途： コーヒー商品のパッケージやラスティックなラベル

黄昏時の木工室のように、居心地よく安定感のある色調で、手作り感とリアルさを感じさせます。深いウォールナットとウェンゲ系ブラウンを軸とし、温かみのあるタンと柔らかなベージュでタイポグラフィや余白を構成。カッパー系のアクセントは封印やアイコン、小さめのハイライトに最適です。ポイント：一番暗い色はヘッダーだけに使うことで、レイアウトが呼吸しやすくなります。

media.ioで生成したスモークドウォールナットの画像例

Media.io

Media.ioは、ブラウザ上でビデオ、画像、オーディオの作成・編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2) ココアリネン

HEX: #5a463f #7b6158 #c6b2a6 #f2ece6 #9f8f86

雰囲気： 柔らかく、落ち着き、ミニマル

おすすめ用途： スキンケアブランドやステーショナリー

温かなミルクにココアを溶かしたように、清潔感がありつつも冷たさは感じさせません。深いブラウンをクリーミーなリネンと合わせて上質なミニマル基調にし、ミディアムトープで副見出しを。非コーティング紙や封筒、シンプルな商品ラベルに最適です。ポイント：一番明るい色は背景、最も濃い色はロゴタイプやキー情報に割り当ててください。

media.ioで生成したココアリネンの画像例

3) フォレストエスプレッソ

HEX: #3f2f2b #5d4a43 #2f4a3a #7f9a7e #e4ddcf

雰囲気： ムーディー、ナチュラル、洗練

おすすめ用途： アウトドアブランドのアイデンティティやルックブック

雨上がりの森の小道のように、ムーディーでナチュラルな表情。ダークエスプレッソのベースが深みを加えます。ウェンゲパレットでアウトドア感を出すなら、エバーグリーン（常緑色）をセカンダリーヒーローにし、クリーム色は余白やキャプションに。セージが色の切り替えを穏やかにし、全体を重くし過ぎません。ポイント：グリーンはナビゲーションやコールアウトに、広い背景には使いすぎないように。

media.ioで生成したフォレストエスプレッソの画像例

4) ダスティローズウッド

HEX: #4a3634 #6b4a49 #b48786 #e7d0cf #c8b6ad

雰囲気： ロマンチック、くすみ、ヴィンテージ

おすすめ用途： 結婚式招待状やブティックのフライヤー

古い本に挟まれた押し花のように、ロマンチックでくすんだ色調が親密でタイムレスな印象。ダークブラウンで名前や見出しを、ブラッシュやダスティピンクは枠線やモノグラム、繊細なイラストに。クリーミーなニュートラルでレイアウトに軽やかさと印刷のしやすさを加えます。ポイント：ピンクは1色をアクセントに、もう1色は背景に使い、色が濁らないよう注意。

media.ioで生成したダスティローズウッドの画像例

5) カッパー＆チャコール

HEX: #2f2a28 #5a4a42 #b56a4a #d9c6b8 #8a837d

雰囲気： 力強い、モダン、ハイコントラスト

おすすめ用途： テック系ランディングページやプロダクトヒーローセクション

やわらかな光に照らされたブラッシュドメタルのように、コントラスト重視でデザインされた色調です。構成はチャコールやダークブラウンに担当させ、カッパーはボタンの目立つポイントへ。淡いベージュは広い余白、グレーは区切り線やサブUIに。ポイント：カッパーは一画面あたり一つの主要アクションにとどめて高級感を維持しましょう。

media.ioで生成したカッパー＆チャコールの画像例

6) セージキャビネット

HEX: #4c3b35 #6f5b52 #7e8f7a #cfd7cd #f5f1ea

雰囲気： 家庭的、フレッシュ、バランス

おすすめ用途： キッチンのムードボードやインテリアレンダリング

朝の光のなかで塗装されたキャビネットのように家庭的でフレッシュ、さりげないグリーンのニュアンスと温かみがバランス良く融合します。ウェンゲ系ブラウンは木部や金具に、セージは大きな面に使い室内を圧迫しません。ペールトーンのニュートラルで明るさを保ち、テクスチャとの重ね合わせも簡単です。ポイント：一番濃いブラウンは棚やフレーム、スツールなど小さな部分にだけ繰り返して空間の軽さを保ちましょう。

media.ioで生成したセージキャビネットの画像例

7) ミスティトープスタジオ

HEX: #3d302c #6b5a54 #9b8e88 #cec4be #f4efe9

雰囲気： 静穏、エディトリアル、ソフトニュートラル

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

日差しの入るリネン背景のスタジオのように、控えめでプロフェッショナルな印象のパレットです。見出しにディープブラウン、本文にミディアムトープ、セクションやカードにはライトニュートラルを。モノクロ写真やシンプルなラインアイコンと相性抜群。ポイント：コントラストは新しい色ではなく、フォントウェイトや余白で付けましょう。

media.ioで生成したミスティトープスタジオの画像例

8) ミッドナイトライブラリー

HEX: #2b2321 #5a4b45 #1f2a33 #8c7f76 #f0e7dc

雰囲気： 学究的、ドラマティック、洗練

おすすめ用途： 書籍カバーや作家ブランディング

真夜中の静かな図書館のように、ダークトーンで知的かつ整然とした印象。さらに深みを加えたいウェンゲ配色の場合、インキーブルーブラックをメイン背景に、温かみのあるクリーム色をタイトルや引用文に使用。トープで補足要素の可読性を確保、目に優しいです。ポイント：クリーム色は90〜95％の不透明度で使用し、暗い背景での強いコントラストを和らげましょう。

media.ioで生成したミッドナイトライブラリーの画像例

9) クレイポタリー

HEX: #4a3a33 #7a5a4a #b67b5a #e3c6b2 #f7efe6

雰囲気： ナチュラル、サンベイクド、ウェルカミング

おすすめ用途： 陶器ショップのブランディングや商品タグ

ろくろで作られる手作りの陶器のように、アーシーで日差しを浴びた温かみがあり、親しみやすい配色です。一番濃い色はロゴやスタンプ向き、テラコッタをアクセントやパターンに。淡いクリーム色なら、小さいタグやラベルでも読みやすさを保てます。ポイント：さりげない紙目やテクスチャを加えると、温かな色がさらに触覚的に感じられます。

media.ioを使って生成した土器の画像例

10) 冬の石

HEX:#3a2f2d #5f514e #8b8f93 #cfd3d6 #f5f6f7

雰囲気：クール、洗練された、モダン

おすすめ用途：ダッシュボード UI とデータの多いレイアウト

石の上の冬の光のようにクールで洗練された、ここのニュートラルはインターフェイスを清潔で焦点を合わせて保ちます。深い茶色が上部のナビゲーションとキーテキストを処理し、柔らかい灰色がカード、テーブル、仕切りを構築します。ほぼ白の背景はコントラストを保ち、視覚的な疲労を軽減します。ヒント: 階層が一貫したままになるように、無効状態には中グレーを使用してください。

media.ioを使って生成したウィンターストーンの画像例

11) ナスのベルベット

HEX:#3b2a2b #5a3f42 #6b3f5e #c7a8b6 #f1e6e6

雰囲気：豪華、親密、クリエイティブ

おすすめ用途：美容キャンペーンやブティックポスター

暗い場所ではベルベットのように贅沢で親密で、プラムノートはネオンにならずにドラマを加えます。大きな形とタイプには深い茶色とナスを使用し、ほこりっぽいピンクでエッジとグラデーションを柔らかくします。ポスター、ソーシャル広告、プレミアム美容ビジュアルで美しく機能します。ヒント: 背景を明るい色または非常に暗い色に保ち、コントラストを平らにする可能性のあるミッドトーンの背景は避けてください。

media.ioを使って生成したナスベルベットの画像例

12) 砂漠の砂岩

HEX:#4a3b34 #7b6257 #c3a58c #e7d6c6 #f6efe6

雰囲気：暖かく、風通しがよく、日当たりが良い

おすすめ用途：旅行パンフレットとライフスタイルブログ

太陽に照らされた砂岩のように暖かく風通しの良いこれらの色調は、リラックスして親しみやすい感じがします。見出しには濃い茶色でページをアンカーし、大きな背景とセクションブレークにはサンディベージュを使用します。明るいクリームは、写真や編集ブロックを開放的に感じさせます。ヒント: 重い箱なしで読むのをガイドするために、ミッドブラウンに薄いルールを追加します。

media.ioを使って生成した砂漠砂岩の画像例

13) オリーブグローブ

HEX:#3f2f2b #6a4f44 #5f6a45 #a7b08a #efe8dc

雰囲気：素朴、オーガニック、バランスの取れた

おすすめ用途：オリーブオイルのラベルとファームブランド

ゴールデンアワーのオリーブ畑のような素朴でオーガニックなグリーンとブラウンの組み合わせは、正直で地に足のついた感じがします。タイプとボーダーにはディープブラウンを使用し、オリーブとセージにイラスト作品や材料のキャッチアウトを使用させます。温かいクリームはラベルを読みやすくプレミアムに保ちます。ヒント: 自然な雰囲気を保つために、シンプルなライン アートと組み合わせ、光沢のある仕上げは避けてください。

media.ioを使って生成したオリーブ畑の画像例

14) 北欧の暖炉

HEX:#352b28 #5a4a42 #8a776d #d8cec7 #f7f3ef

雰囲気：居心地が良く、モダンで、控えめです

おすすめ用途：インテリアスタイリングガイドと家具ブランド

静かな暖炉のある北欧のリビングルームのように居心地がよくモダンで、これらのニュートラルは楽に感じられます。このようなウェンゲカラーパレットは、木目調、ウール、マットセラミックなど、質感を強調すると優れています。製品名などのキーアンカーには最も濃い茶色を使用し、広々とした背景には最も明るいトーンを使用してください。ヒント: セクションごとに 1 枚の天然素材の写真を追加して、ニュートラルが平らではなく暖かく感じられるようにします。

media.ioを使って生成したnordic hearthの画像例

15) インクと羊皮紙

HEX:#241f1e #4d3e39 #a08b7e #e8dccf #f7f1e8

雰囲気：古典的、文学的、暖かいニュートラル

おすすめ用途：履歴書テンプレートと編集PDF

羊皮紙のインクのような古典的で文学的なこのセットは、長文の読書用に作られています。本文のテキストにはブラックに近いブラウン、サイドバーにはウォームベージュを使用し、ページのベースとして最も明るいトーンを使用します。セリフフォント、微妙なルール、寛大な余白とうまく組み合わせます。ヒント: 純粋な黒を避け、代わりに最も濃い茶色を使用して、画面上のページを柔らかく保ちます。

media.ioを用いて生成したインクと羊皮紙の画像例

16) モカマーブル

HEX:#3a2d2a #5a453f #8a6f66 #cdb9b2 #f3ece8

雰囲気：磨かれた、暖かい、プレミアム

おすすめ用途：ジュエリー広告と高級ソーシャル投稿

ギャラリー照明の下でモカ大理石のように磨かれて暖かいこれらのブラウンは、高価でコントロールされていると感じます。大胆なタイプとシャドウには最も深い色合いを使用し、ミッドブラウンに柔らかいグラデーションと深みを作成させます。淡いブラッシュベージュは、製品やタイポグラフィの清潔な背景として機能します。ヒント: 鏡面ハイライトを 1 つ追加し、彩度を低く抑えて豪華な仕上がりにします。

media.ioを使って生成したモカマーブルの画像例

17) ゴールデンアワーカフェ

HEX:#4a372f #6b4f43 #d0a55f #f1debc #f8f2e8

雰囲気：温かく、明るく、魅力的

おすすめ用途：カフェメニューとプロモーションポスター

カフェのカウンターの遅い日差しのように暖かく陽気なこのミックスは、深い茶色に親しみやすさを加えます。価格、バッジ、プロモーション コールアウトなどのハイライトにはキャラメル ゴールドを使用し、ブラウンはレイアウトをしっかりと保ちます。クリーミーな背景により、テキストが鮮明で印刷できるようになります。ヒント: 読みやすさのために十分なパディングを追加する場合にのみ、小さなテキストの後ろにゴールドを配置します。

media.ioを使って生成したゴールデンアワーカフェの画像例

18) ティールアクセントデスク

HEX:#2f2624 #5a4a42 #2f6b64 #8ab7b1 #f1ece6

雰囲気：スマート、落ち着いた、现代的な

おすすめ用途：SaaS UIと生産性ツール

スマートで落ち着いたグリーンガラスのアクセサリーを備えたきちんとしたデスクのように、ティールは温かみのあるブラウンに焦点を当てます。これらのウェンゲ色の組み合わせは、ティールがアクティブな状態、リンク、および進捗状況のインジケーターに予約されている場合に最も強くなります。グラフやカードが軽く感じられるように、クリームをメインキャンバスにしておきます。ヒント: ホバー状態にはソフトティール、選択した状態にはディープティールを使用して、明確な UI ラダーを維持します。

media.ioを使って生成したティールアクセントデスクの画像例

19) 赤面と吠え

HEX:#3f2f2c #6a4f4a #c89a9a #ead7d5 #f7efec

雰囲気：柔らかく、エレガントで、フレンドリー

おすすめ用途：ブティックブランディングとサンキューカード

濃い樹皮にチーク生地のように柔らかくエレガントなこのペアリングは、フレンドリーで洗練された感じがします。構造と読みやすさのために茶色を使用し、ステッカー、ボーダー、または小さなイラストのモチーフにチークを塗ります。淡い色合いは、メモや挿入物の背景パネルとしてうまく機能します。ヒント: チークの要素をわずかに不飽和にして、濃い茶色の隣で洗練されたままにしてください。

media.ioを使って生成したチークと樹皮の画像例

20) 最小限のコンクリート

HEX:#2a2321 #4a3a34 #7a7674 #c9c7c6 #f4f4f4

雰囲気：工業的、清潔、控えめ

おすすめ用途：アーキテクチャポートフォリオとスタジオサイト

暖かい影のあるコンクリートのようにインダストリアルで清潔なこれらのトーンは、過酷ではなくモダンに感じます。ナビゲーションとキャプションにはほぼ黒い茶色を使用し、グレーのレイヤーとたくさんのホワイトスペースを使用したセクションを構築します。建築線画やモノクロの画像とうまくマッチします。ヒント: グレーが冷えすぎないように、1 ページあたり温かい茶色のアクセント ブロックを 1 つ追加します。

media.ioを使って生成した最小限のコンクリートの画像例

ウェンゲに合う色は？

ウェンゲは、温かみのあるオフホワイト、パーチメント、サンド、リネンの色調と美しくマッチし、パレットの通気性を維持しながら、豊かなコーヒーブラウンの特徴を維持するためです。これらのニュートラルは、背景、カード、および大きなコンテンツ領域に最適です。

アクセントとしては、落ち着いたグリーン（セージ、オリーブ、常緑）がオーガニックで地に足のついた雰囲気を生み出し、ティールがUI状態やリンクにシャープな現代的なエッジを加えます。もっと豪華なものが必要な場合は、銅とキャラメルゴールドのハイライトがプレミアムな「メタル + ウッド」の雰囲気をもたらします。

ソフト ブラッシュとダスティ ローズは、スキームを大きく回さずに暖かさを求める場合にも適しています。優しい感情的なトーンが必要なブティック ブランディング、招待状、ライフスタイル グラフィックに最適です。

実際のデザインでウェンゲカラーパレットを活用する方法

ウェンゲをアンカーとして使用します。ナビゲーションバー、ヘッダー、キータイポグラフィ、またはフレーミング要素です。次に、最も軽いニュートラルに表面積の大部分を処理させて、特にモバイル画面ではデザインが重く感じないようにします。

アクセントは意図的に保ちます。CTA、バッジ、強調には1つの目立つ色(銅、ティール、チークなど)を選択し、残りの中間ニュートラルを仕切り、セカンダリテキスト、微妙な深さに使用します。

プリントやインテリアでは、マットペーパー、グレイン、ストーン、リネン、または柔らかい照明などの質感とバランスをとるとウェンゲが最も効果的です。そのため、ダークブラウンはフラットではなくリッチに見えます。

AIでウェンゲパレットのビジュアルを作成

ブランドの方向性を売り込んだり、ムード ボードを構築したりする場合は、リアルなモックアップを生成することで、利害関係者がパレットをより早く「見る」ことができます。Media.io を使用すると、プロンプトを wenge の居心地の良いプレミアムなトーンにマッチするオン スタイルのビジュアルに変えることができます。

ターゲット メディア (パッケージ、UI、ポスター、インテリア) を説明し、ウェンゲ ベースとアクセント カラーを指定してみてください。照明（スタジオ、ナチュラル、ムーディー）と素材（マットペーパー、木目、ブラッシュメタル）を調整して、見た目を洗練させます。

強力な結果が得られたら、同じプロンプト構造を再利用して、ソーシャル投稿、ランディングページ、またはプレゼンテーションデッキの一貫したセットを作成します。

次へ： サーモンカラーパレット