20 Best Dark Brown Color Palettes with Hex Codes for Design Inspiration

ダークブラウンは最も多用途な「ディープニュートラル」ベースの一つです。サポートカラーによって、土っぽく親しみやすく、または洗練されて高級感のある印象を与えることができます。

下記ではHEXコード付き厳選ダークブラウンカラーパレット20選と、UI・ブランディング・パッケージ・インテリアへの実用的なアドバイスを紹介します。

ダークブラウンパレットが優れている理由

ダークブラウンは、純粋なブラックほど強くならず「暖かい深み」をもたらし、コントラストが欲しいけど人間味や親しみやすさも求めるブランドやインターフェースに最適です。

木材・革・コーヒー・ココアなど自然素材に近い色なので、瞬時に本物感やクラフト感を伝えます。そのため、パッケージやホスピタリティ、ライフスタイル系ブランドでよく選ばれています。

ダークブラウンはゴールドやテラコッタからティールやスチールブルーまで、暖色・寒色どちらとも自然に組み合わせられますので、ちょっとした調整でラスティックからモダンまで雰囲気をコントロールできます。

20以上のダークブラウンカラーパレットアイデア（HEXコード付き）

1）エスプレッソスタジオ

HEX： #2B1B14 #4A2A20 #7B5B4A #C7B299 #F3EEE7

雰囲気： 洗練・居心地の良さ・高級感

おすすめ用途： コーヒーのパッケージ、カフェブランディング、高級ラベル

ベルベットのようなエスプレッソトーンとクリーミーなリネンニュートラルは黄金時間の静かなカフェを思わせます。温かみは欲しいけれどラスティックすぎず、パッケージ・ロゴ・メニューなどに使うと良いです。マットな紙の質感や控えめなエンボス、ミニマルな線アイコンでモダンな印象に。アドバイス：明るいクリーム色は余白や視認性確保に、ウォールナットの中間色を主にタイポグラフィに使うとバランスがとれます。

media.ioで生成したエスプレッソスタジオの画像例

Media.io

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

無料ですぐに利用する

2）ココア＆クリーム

HEX： #3A2317 #5C3A2E #A97C63 #E7D4C6 #FFF7F0

雰囲気：甘く・親しみやすく・ソフト

おすすめ用途：ベーカリーメニュー、デザートブランド、SNSグラフィック

ミルクチョコレートのブラウンとホイップクリームのハイライトで焼きたてのペストリーやおやつのイメージに。メニューやスモールバッチのフードブランディング、親しみやすいトーンにしたいプロモ投稿に最適です。チェリーレッドやキャラメルゴールドをアクセントに使うと、強調部分が際立ちます。アドバイス：背景は明るいクリーム色、ココアの中間色は見出しに使い、デザインを軽やかに。

media.ioで生成したココア＆クリームの画像例

3）ウォールナットミニマル

HEX： #2C201B #45332B #6E564A #B7A79E #F6F1ED

雰囲気：ミニマル・落ち着き・モダン

おすすめ用途：ファイナンスアプリ、ダッシュボード、ミニマルUI

すっきりしたウォールナットのブラウンと柔らかなストーンニュートラルは自信がありつつ静かにモダンな印象です。ダークブラウンの配色は、高級感が欲しいけどコントラストが強すぎないダッシュボードやSaaSインターフェースに向いています。細い区切り線や丸みを帯びたカード、一つ明るいアクセント（ミントやアンバーなど）を主要状態に使うのがおすすめ。アドバイス：本文テキストは最も明るいニュートラル色に、最も濃いブラウンはナビゲーションやフォーカスリングなどで抑えて使うと良いです。

media.ioで生成したウォールナットミニマルの画像例

4）デザートバーク

HEX： #2F1E16 #5A3A2A #9B6B4C #D9BFA7 #F8F0E6

雰囲気：日焼け・ラスティック・ロマンティック

おすすめ用途：ウェディング招待状、ステーショナリー、イベントサイン

日焼けした樹皮ブラウンと砂色ベージュは砂漠の道や乾いた草を感じさせます。自然な印象を重視した招待状やカード、サインにおすすめ。セリフフォント、ギザギザエッジ、控えめなブラッシュアクセントと組み合わせると柔らかくなります。アドバイス：明るい砂色はベースに、最も濃いブラウンは名前や主要なディテールに。

media.ioで生成したデザートバークの画像例

5）スモーキーマホガニー

HEX： #2A1414 #4B1F1B #7A3B2B #B97A5A #EAD8CF

雰囲気：ムーディー・大胆・ラグジュアリー

おすすめ用途：ウイスキーラベル、高級製品の広告、バーのブランディング

スモーキーマホガニーのレッドと深いブラウンの影は樽室やベルベットラウンジを思わせます。ラベル・広告クリエイティブ・ヒーローバナーで深みとリッチさを引き立てたい時に最適。フォイルスタンプ、黒タイポ、抑えたゴールドアクセントと組み合わせて高級感UP。アドバイス：グラデーションは控えめに、中間マホガニー色はイメージ部分に使いすぎないようバランスをとると重くなりません。

media.ioで生成したスモーキーマホガニーの画像例

6）フォレストキャビン

HEX： #23160F #3E2A1D #5A4A2D #8B9A5B #E6E1D3

雰囲気：アース・アウトドア・グラウンディッド

おすすめ用途：アウトドアブランド、ロッジサイン、ラスティックなウェブサイト

キャビン風の濃い木材とモスグリーンは松葉の足元や暖炉の火をイメージさせます。アウトドアブランドやトレイルマップ、ロッジサインで自然な信頼感が欲しい時におすすめ。クラフト素材、シンプルなバッジ、オフホワイト背景で可読性を保ったデザインに。アドバイス：グリーンはボタンや道案内のアクセントだけにして、メインテキストには使わないこと。

media.ioで生成したフォレストキャビンの画像例

7）ブロンズ＆レザー

HEX： #2B1A12 #513024 #8C5E3C #C89B6A #F2E2CF

雰囲気：クラフトマンシップ・暖かさ・触感

おすすめ用途：レザーグッズのパッケージ、吊り下げタグ、ブティックブランディング

磨かれたブロンズとサドルレザーの色合いはクラフト感や使い込まれた風合いを演出。吊り下げタグやパッケージ、ブランドマークでクラシックすぎず現代的にしたい時におすすめ。凝縮サンセリフやクラシックセリフ書体、さりげないグレインやステッチモチーフと組み合わせるのがいいです。アドバイス：ブロンズゴールド色はルール・アイコン・印影など小さなハイライトに活用。

media.ioで生成したブロンズ＆レザーの画像例

8）モカセージ

HEX： #2E1B12 #4D2E21 #7B5A45 #9AA484 #EFE9DD

雰囲気：落ち着き・オーガニック・コンテンポラリー

おすすめ用途：ウェルネスブランドUI、メールテンプレート、ランディングページ

モカブラウンとセージ色が加わると陶器のカップやフレッシュハーブのキッチンをイメージ。ウェルネス系UIやニュースレター、ランディングページで安心感や穏やかさを演出できます。十分な余白、丸い角、やさしい影を使うとモダンで呼吸感のあるレイアウトに。アドバイス：セージ色は主要アクションカラー、モカカラーは見出しやナビゲーションに。

media.ioで生成したモカセージの画像例

9）チョコレートチェリー

HEX： #2B1419 #4E1F2A #7B3440 #B77B78 #F3E7E6

雰囲気：ロマンティック・ドラマティック・ブティック

おすすめ用途：チョコレートボックスデザイン、キャンドルラベル、ギフトセット

ダークチョコレートとチェリーワインのトーンが、ギフトらしいロマンティックなブティック感を演出します。お菓子の箱やキャンドルラベル、季節展開などでちょっとしたドラマ感を加えたい場面におすすめ。クリーム紙や細いラインアート、ミニマルなパターンと組み合わせてバーガンディーがエレガントに映えるように。アドバイス：ピンクニュートラルは背景に、ワイン色はアクセントや枠にまとめて使うのがポイント。

media.ioを使用して生成したチョコレートチェリーの画像例

10) アンバーウッド

HEX： #2A1A0E #4A2D14 #7C4F1D #C98E3A #F5E6C8

雰囲気：エネルギッシュ、あたたかみ、秋らしさ

おすすめ用途：秋イベントポスター、フェスティバルブランディング、プロモバナー

輝くアンバーとトーストした木の色調は、ランタンの灯りや秋の市場を感じさせます。暖かみと遠くからの視認性が必要なポスターやバナーに最適です。太字のフォント、シンプルなアイコン、ダークなアウトラインと組み合わせてコントラストを強調しましょう。ヒント：アンバーを日付、チケット、重要なアクションのスポットライトカラーに使用します。

media.ioを使用して生成したアンバーウッドの画像例

11) ラスティッククレイ

HEX： #2D1C14 #5A3A2E #8A5A44 #C9A38A #F7EFE7

雰囲気：手作り感、ナチュラル、親しみやすい

おすすめ用途：陶芸ブランド、クラフトパッケージ、小規模ビジネスロゴ

クレイブラウンと温かみのあるニュートラルは、手作り陶器や窯焼きの釉薬を思わせます。このパレットは本物志向や親しみやすさを求めるクラフトブランド、パッケージ、ロゴシステムに適しています。テクスチャ背景やスタンプ風マーク、2種のフォントウェイトのシステムと組み合わせましょう。ヒント：中間色のクレイをブランドカラーに、淡いバフを商品情報パネルに使います。

media.ioを使用して生成したラスティッククレイの画像例

12) ナイトチョコレート＆ティール

HEX： #1E1411 #3B251F #6B4A3D #2E6B66 #E8E2D8

雰囲気：シャープ、テック感、夜の雰囲気

おすすめ用途：スタートアップLP、SaaS UI、ダークモードテーマ

ミッドナイトチョコレートと深いティールは、静かで未来感のある印象をもたらします。純黒を避けてコントラストが欲しいダークモードインターフェースやヒーローセクション、商品ページに最適です。細いラインや繊細なグラデーション、大きな余白で視覚ノイズを避けましょう。ヒント：ティールはインタラクション状態用に、テキストは柔らかいオフホワイトに設定すると快適に読めます。

media.ioを使用して生成したナイトチョコレート＆ティールの画像例

13) セピアジャーナル

HEX： #2B1F17 #4A3A2C #7A6656 #BFAE9A #F6F0E8

雰囲気：ノスタルジック、文学的、やわらかさ

おすすめ用途：ブックカバー、エディトリアルレイアウト、ブログヘッダー

セピアのインクと紙色のニュートラルは、古い日記や図書館、ゆったりした朝を思わせます。本の表紙やエディトリアル、落ち着いたブログデザインに最適です。セリフ体フォント、控えめな罫線、淡いイラストを合わせてタイムレスな雰囲気に仕上げましょう。ヒント：淡い紙色は余白に、中間色のセピアはキャプションや引用に使います。

media.ioを使用して生成したセピアジャーナルの画像例

14) キャラメルラテ

HEX： #2E1C12 #5B3A2A #9A6B4A #D9B38C #FFF1E3

雰囲気：あたたかみ、親しみやすさ、安心感

おすすめ用途：カフェインテリア、ムードボード、ライフスタイルブランディング

キャラメルとラテクリームは木のテーブルの柔らかい光のように心地良さを感じさせます。重たくなりすぎない温かみを求めるインテリアやブランディング、パッケージに最適です。マットなゴールド金具、クリーミーなセラミック、控えめなオリーブも合わせてバランス良く。ヒント：一番明るいクリームは背景や壁に、一番濃いブラウンはラインや小さなディテールに使用します。

media.ioを使用して生成したキャラメルラテの画像例

15) カッパーパイン

HEX： #24160F #3E2A1B #6A3F2A #4B6B4A #E7E3D8

雰囲気：アウトドア、モダン、バランス

おすすめ用途：エコラベル、キャンプギアブランディング、職人製品

カッパーブラウンとパイングリーンのアクセントは、常緑樹のシルエットに焚火を連想させます。エコ志向やナチュラル＆コンテンポラリーなアイテム向けです。シンプルなバッジマーク、リサイクル紙のテクスチャ、サンセリフ体でまとめましょう。ヒント：パイングリーンは補助アクセントに、ブラウンを主役にします。

media.ioを使用して生成したカッパーパインの画像例

16) ストーン＆トリュフ

HEX： #201813 #3A2B24 #5F4B43 #9D8F86 #EDE7E2

雰囲気：静けさ、建築的、上質感

おすすめ用途：建築ポートフォリオ、プレゼン資料、ブランドガイドライン

トリュフブラウンとストーングレーは、上質で控えめな設計美を演出します。ポートフォリオやピッチ資料、ガイドラインなど、タイポグラフィと階層が重要な場面におすすめ。余白とグリッドレイアウトを活かしてエディトリアルっぽく仕上げましょう。ヒント：一番濃いトリュフはタイトル、ストーンの中間色は区切り線やUIのサブ要素に。

media.ioを使用して生成したストーン＆トリュフの画像例

17) ヴィンテージスーツ

HEX： #2A1C17 #3F2E2A #66524A #8E7A6D #D7CFC8

雰囲気：クラシック、テーラード、洗練

おすすめ用途：メンズウェアルックブック、テーラリングブランド、エディトリアル広告

仕立ての良いブラウンとくすみ系グレージュは、ヴィンテージウールや磨かれた靴、伝統的なクラフトを思わせます。クラシックで上質な見せ方をしたいルックブックや広告・ブランドシステム向きです。高コントラストの写真や細いルール、大きな余白がシャープに仕上げます。ヒント：明るいグレージュは主な背景にし、商品写真やテキストが際立ちます。

media.ioを使用して生成したヴィンテージスーツの画像例

18) シエナダスト

HEX： #2B1A12 #523022 #7D4A33 #B77A56 #EED9C8

雰囲気：あたたかみ、職人感、日差し

おすすめ用途：レストランメニュー、職人看板、フードフォトのオーバーレイ

シエナのブラウンとくすみピーチのアクセントは、日当たりの良い手作り感（テラコッタの器や木のテーブル）を感じさせます。飲食店のメニューやサイン、食のグラフィックに最適です。チャコールのタイポグラフィやシンプルなラインアイコンと組み合わせてクリーン＆モダンな印象に。ヒント：ピーチ系の色をテキストブロックの背景に使うと、写真上のコントラストがUPします。

media.ioを使用して生成したシエナダストの画像例

19) オーキッドブラウン

HEX： #251414 #4A252B #6E3A45 #A66B7A #F2E4E8

雰囲気：やわらかさ、エレガント、モダンロマンチック

おすすめ用途：ビューティーブランディング、ブティックSNS、フェミニンパッケージ

チョコレートプラムと蘭ピンクを組み合わせると、上品でしっとりしつつ少しミステリアスに仕上がります。ビューティーブランドのビジュアルやSNS、ロマンス系だがパステル感を抑えたいパッケージに。クリーンなサンセリフ体と広い余白で現代的に。ヒント：薄いブラッシュピンクを主な背景色に、プラムをバッジやタグなど小さなアクセントにしましょう。

media.ioを使用して生成したオーキッドブラウンの画像例

20) ブラックコーヒー＆リネン

HEX： #1A0F0A #3A2316 #5B3B2A #A68C7B #F4EFEA

雰囲気：力強さ、クリーンさ、タイムレス

おすすめ用途：ミニマリスト生活用品パッケージ、ラグジュアリーブランディング、Webヘッダー

インクのようなコーヒーブラウンとリネンニュートラルで、タイムレス＆信頼感ある印象を演出。生活用品パッケージ、高級ブランド、コントラストが大事なWebヘッダーに最適です。シャープなフォントやシンプルなピクトグラム、単一のメタリックアクセントも効果的です。ヒント：ほぼ黒は最も重要な階層時だけ使い、温かみを保ちましょう。

media.ioを使用して生成したブラックコーヒー＆リネンの画像例

ダークブラウンと相性の良い色は？

ダークブラウンは、クリーム・ベージュ・リネンのような暖色ニュートラルと相性抜群で、落ち着いたプレミアムな印象を作れます。手作り感や伝統を加えたい時はアンバーやキャラメル、ブロンズをプラスしましょう。

より鮮やかなコントラストには、自然を思わせるアースグリーン（セージ、モス、パイン）でパレットを安定させます。モダンな雰囲気が欲しいなら、ティールやスティールブルーといったクールカラーを差し色にすれば、明快でテック感が増します。

ロマンチックやブティック系デザインなら、ベリー系（チェリー、プラム、ダスティローズ）を少量使いましょう。背景は明るく保つことでダークブラウンが重くなりません。

実際のデザインでダークブラウンパレットを活用する方法

UIやダッシュボードでは、ダークブラウンを“柔らかい黒”として使い、ナビゲーションや見出し・重要枠に使いましょう。本文は明るいニュートラル上にして読みやすく。アクセント色（ティール、セージ、アンバー）はボタンやリンクなどインタラクティブ用途のみに限定します。

ブランディングやパッケージでは、ロゴや枠組み、ラベルの基調色にダークブラウンが活躍。本物感や上質さを出すにはマット、エンボス、クラフト紙の質感など触感のある仕上げを加えましょう。

インテリアやムードボードでは、最も明るいクリームを壁や背景の主役に、ダークブラウンは縁取りや家具・細部のコントラストにすると、空間が明るく暖かくなります。

AIでダークブラウンパレットのビジュアルを作成

コーヒーバッグやメニュー、UI画面や招待状など実際のアイテムでダークブラウンの配色を確かめたい時は、テキストプロンプトで手軽にモックアップを生成し、すぐに繰り返し試行できます。

フォーマット（ポスター、パッケージ、UI）、雰囲気（コージー、プレミアム、ミニマル）、HEXカラー指定を詳細に伝えると出力が安定します。さらに光やタイポグラフィ、素材表現を調整して自分のブランドに合わせましょう。

次へ： スチールブルーのカラーパレット