タンブラウンカラー配色20選｜色の組み合わせとHEXコード一覧

タンブラウンは、デザインに瞬時に快適さ、構造、そして「自然な」リアリズムをもたらす温かみのあるニュートラルカラーです。ベージュとブラウンの中間に位置し、淡いクリームと重ねたり、濃いエスプレッソと組み合わせてアンカーにしたりするのが簡単です。

以下は、インテリア、ブランディング、印刷、UIのためのHEXコード付きタンブラウンカラーパレットアイデア20選と、すぐに使える実践的なコツやAIプロンプトです。

なぜタンブラウンのパレットがとても効果的なのか

タンブラウンのパレットは、木材・レザー・クレイ・砂・紙といった身近な素材と結びついているため、安心感があります。この素材とのつながりにより、レイアウトがミニマルでも、デザインにリアリティと「住まい感」をもたらします。

また、使用シーンを問わずスケーラブルです。明るいタンは背景用の柔らかなホワイトとして使え、深いブラウンは純粋な黒ほど強くなくともタイポグラフィやボタン、フォーカル要素に十分なコントラストを与えます。

最後に、タンブラウンはアクゼントカラー（セージ、ネイビー、カッパー、ブラッシュ）とも相性がよく、ニュートラルながらも温かみを持っています。その温かみが、過度に鮮やかまたは繋がりのない印象を避け、意図的なアクセントとして機能します。

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

1) デザートクレイニュートラル

HEX： #D2B48C #C19A6B #A67C52 #F3E6D0 #6B4E3D

ムード： 日差しを浴びた穏やかさ

おすすめ用途： リビングルームのインテリアスタイリング

日差しを浴びた穏やかさが感じられ、これらの色合いはクレイの壁、柔らかなリネン、午後遅くの光を思わせます。重たくなりすぎず暖かみが欲しいソファやラグ、造作家具に使えます。オフホワイトの質感、マットブラックの金具、少数のオリーブ植物を合わせてコントラストを出しましょう。コツ：一番暗いブラウンは全体の10〜15％程度に抑えると重くなりすぎません。

media.ioで生成したデザートクレイニュートラルの画像例

Media.io

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

今すぐ無料でお試し

2) ウォルナットラテブレンド

HEX： #C8A27A #B07A57 #8B5A3C #EFE1CF #3E2A22

ムード： 居心地よく芳醇

おすすめ用途： カフェのブランディング

居心地がよく芳醇な印象で、エスプレッソのクレマが暖かいミルクと混ざる様子を感じさせます。親しみやすいクラフト感が欲しいロゴやポイントカード、パッケージに最適です。クリーミーな用紙と深いほぼ黒のタイポグラフィを合わせると高級感が出せます。コツ：中間のタン色をメイン背景に使うと濃い文字がくっきり映えます。

media.ioで生成したウォルナットラテブレンドの画像例

3) キャニオンサンセット

HEX： #D4A373 #B5654D #8D3F2F #F6E7D8 #3B4A3F

ムード： 冒険的＆シネマティック

おすすめ用途： 旅行ポスターデザイン

冒険的でシネマティックな雰囲気で、キャニオンの断崖や埃っぽい小道、夕暮れの緑の地平線を思わせます。タンブラウンの組み合わせは太い見出しや大きいカラーブロックによく映えます。落ち着いたフォレストグリーンと余白を多めに取り、モダンなレイアウトに。コツ：一番深い赤茶色は日付や場所など重要なポイントに限定して使いましょう。

media.ioで生成したキャニオンサンセットの画像例

4) リネンとレザー

HEX： #E7D3B3 #C2A07A #A07A55 #FFF7ED #5B4636

ムード： 上品で控えめ

おすすめ用途： ウェディング招待状一式

上品で控えめなカラーは、プレスしたステーショナリーやレザーの誓約書、柔らかなキャンドルライトを想像させます。招待状一式やモノグラム、ミニマルなラインアートにおすすめです。暖かみのあるアイボリーペーパー、金箔ディテール、抑制されたセリフ体フォントと合わせれば一層格調高くなります。コツ：インク色は暗めのブラウンを選び、細かな文字の可読性を確保しましょう。

media.ioで生成したリネンとレザーの画像例

5) モカカッパーグロウ

HEX： #C9A27E #9C6B4A #6F4A36 #D88C6A #F2E3D3

ムード： 温かく輝く

おすすめ用途： キャンドル商品広告

温かく輝く雰囲気で、モカの表面にカッパーの反射光が浮かび上がるような印象です。堅苦しさを感じさせず、ほどよいラグジュアリーが必要な商品の広告におすすめ。クリーミーな背景、カッパーのワンポイントを合わせれば、クリーンでスタジオライクな仕上がりに。コツ：ピーチ系カッパーを唯一の明るい色として活かすことで、まとまり感が維持できます。

media.ioで生成したモカカッパーグロウの画像例

6) サンドストーン・ミニマル

HEX： #DCC4A3 #C8AD8B #B08A66 #F7F2EA #4A3A2A

ムード： すっきりとして開放的

おすすめ用途： ポートフォリオWebサイトのヒーローセクション

すっきりした開放感のあるサンドとブラウンは、なめらかな石と明るいギャラリーの壁のよう。ヒーローセクションやサービスページなど落ち着いたフォーカスが欲しい場面に最適です。チャコールグレイのテキストや細いラインアイコンを合わせてシャープな印象に。コツ：一番明るい色を背景に、一番暗い色はボタンやリンク限定で。

media.ioで生成したサンドストーン・ミニマルの画像例

7) ラスティックキャビンの暖かみ

HEX： #C6A17B #A87C52 #7A5337 #E9D7C2 #2F251E

ムード： 素朴で落ち着く

おすすめ用途： キャビンインテリアのムードボード

素朴で落ち着く、使い込まれた梁、ウールのブランケット、パチパチと燃えるストーブを思わせる配色です。キャビンやロッジ、ナチュラル志向の空間のムードボードにおすすめ。チェック柄、無垢の木目、暖かい照明と合わせると更に居心地の良さが高まります。コツ：一番暗い色を軽めのテキスタイルとバランスよく使い、部屋が重くなりすぎないようにしましょう。

media.ioで生成したラスティックキャビンの暖かみの画像例

8) キャラメルセージアクセント

HEX： #D1A779 #B8875A #8A5E3B #A3B18A #F4E9D8

ムード： さわやかでウェルカム

おすすめ用途： キッチンメイクオーバーのアクセント

さわやかでウェルカムな印象で、キャラメルの暖かみと控えめなセージグリーンのアクセントをプラス。生活感を持たせたいキッチンや朝食スペース、オープン棚によく合います。白のサブウェイタイル、真鍮の金具、グリーンハーブを合わせて明るく。コツ：セージはスツールやファブリックなど小さめなアクセントに使い、大きなキャビネットには控えましょう。

media.ioで生成したキャラメルセージアクセントの画像例

9) テラとクリーム

HEX： #D8B08C #C18F70 #9B6A52 #FFF1E0 #6A4C3B

ムード： 柔らかく日差しを浴びた

おすすめ用途： ルックブックの背景

柔らかく日差しを受けたようなカラーで、ホイップクリームにテラコッタの粉が舞い上がる様子を想像させます。ファッションルックブックやライフスタイルスライド、ほんのり暖かみが欲しいプロダクトグリッドにおすすめ。オフホワイトの余白と控えめな黒文字を組み合わせて、エディトリアルな仕上がりに。コツ：写真は少し彩度を落として背景色と調和させましょう。

media.ioを使って生成したテラとクリームの画像例

10) トーストアーモンドUI

HEX：#D5B392 #B9926D #8C6343 #F9F4EC #2E3A3F

ムード：穏やかで信頼できる

おすすめ用途：フィンテックダッシュボードUI

落ち着いて信頼できる、トーストしたアーモンドにクールなスレートインクを合わせたような感触です。タンブラウンの配色は、暖かさが必要ですが、それでもプロフェッショナルを読むダッシュボードに適しています。チャートのために青とグレーとペアリングし、明確さのために間隔を広く保ちます。ヒント: 階層を維持するために、ナビゲーションには最も暗いトーンを使用し、カード表面には最も明るいトーンを使用します。

media.ioを使って生成したトーストアーモンドuiの画像例

11) チョコレートとチーク

HEX：#C7A084 #9E6A54 #6B3F35 #F2D7D5 #FFF5EE

ムード：ロマンチックでモダン

おすすめ用途：美容パッケージングビジュアル

ロマンチックでモダンな、濃厚なココアと柔らかいチークのハイライトをブレンドしています。優しいフェミニンなノートで暖かさが欲しいコスメやスキンケア、ブティックラベルに使用してください。最小限のタイポグラフィと光沢のある仕上げと組み合わせることで、現代的な雰囲気を保ちます。ヒント: ブラウンが支配的なままになるように、副要素にのみチークを付けましょう。

media.ioを使って生成したチョコレートとチークの画像例

12) セピア社説

HEX：#D0B08A #B08A63 #8A6346 #F5EADF #1F1B18

ムード：古典と文学

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

クラシックで文学的なセピアシリーズは、アーカイブ写真とクリーミーな新聞紙のように感じられます。長文記事、雑誌のスプレッド、ポートフォリオのケーススタディに最適です。シャープな黒いテキストと微妙なルールを組み合わせて、読みやすく保ちます。ヒント: まぶしさを軽減し、柔らかさを加えるために、背景を純白ではなくわずかに暖かく保ちます。

media.ioを使って生成したセピア社説の画像例

13) ブロンズデニムコントラスト

HEX：#D2B48C #B08A66 #8B5A3C #2E4A62 #F2E6D8

ムード：大胆で自信に満ちた

おすすめ用途：ストリートウェアキャンペーングラフィック

大胆で自信に満ちたブロンズの暖かさとデニムブルーのパンチを組み合わせています。これらのタンブラウンの色の組み合わせは、エッジが必要なストリートウェアのグラフィック、ランディングページ、キャンペーンバナーに最適です。パレットを清潔に保つために、凝縮タイプとザラザラしたグラデーションを控えめに組み合わせます。ヒント: 青は、ボタンやドロップ タイトルなどの重要なハイライトにのみ使用します。

media.ioを使って生成したブロンズデニムコントラストの画像例

14) オーツ麦ミルクの包装

HEX：#E1C9A6 #CBAA82 #A67C52 #FFFFFF #4B3A2B

ムード：清潔で健康的

おすすめ用途：飲料カートン包装

清潔で健康的で、オーツ麦、紙繊維、明るい朝のキッチンのように感じます。カートン包装、栄養パネル、すぐに並べる製品のショットに使用してください。クリスプホワイトとディープココアブラウンを組み合わせると、クリアなラベリングができます。ヒント: 大きなパネルの場合はミッドタンを維持し、コントラストのニーズを満たすためにタイプの場合は最も暗いトーンを予約します。

media.ioを用いて生成したオートミルク包装の画像例

15) 土器工房

HEX：#D6B08A #B27A57 #8A5A44 #EADFD2 #6A6F4E

ムード：手作りとオーガニック

おすすめ用途：陶磁器製品の写真撮影

手作りでオーガニックで、濡れた粘土、窯の暖かさ、静かなスタジオグリーンを呼び起こします。陶器ブランド、職人カタログ、触覚とリアルを重視した製品ページに適しています。ラフな紙の質感と落ち着いたオリーブのアクセントを組み合わせて、クラフト感を強化します。ヒント: 明るい茶色を背景に使用して、形と影がはっきりと読めます。

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

16) 秋の市场のポスター

HEX：#D8A870 #B26B44 #7C3E2E #F7E3C8 #2C2C2C

ムード：お祝い的で素朴な

おすすめ用途：ファーマーズマーケットイベントチラシ

お祭り気分で土っぽく、乾燥した葉、シナモン、温かい紙のような感触です。秋のエネルギーを瞬時に味わいたい季節のイベントのチラシ、看板、ソーシャル投稿に使用してください。大胆な黒のタイプとカボチャや小麦などのシンプルなアイコンと組み合わせると、すばやく読みやすくなります。ヒント: 背景を明るくし、最も重要な詳細のみの後ろに暗い茶色を配置します。

media.ioを使って作成した秋の市場ポスターの画像例

17) 砂丘ボタニカルウォッシュ

HEX：#D9C2A3 #C3A17A #A67C52 #7A8F6A #F6F0E7

ムード：ソフトでナチュラル

おすすめ用途：植物イラストセット

柔らかく自然で、淡い空の下の砂丘を示唆しており、淡い緑色の小枝があります。ボタニカルプリント、ジャーナリングステッカー、優しいソーシャルグラフィックに最適です。水彩画のテクスチャと軽いラインワークと組み合わせると、パレットの風通しを保ちます。ヒント: 砂が支配的なままになるように、緑を小さな葉のアクセントとして表示します。

media.ioを使って生成したdune botanical washの画像例

18) ヘリテージブランドスタンプ

HEX：#CDA67F #B0835D #8A5E3B #F1E3D1 #2D231D

ムード：伝統と本物

おすすめ用途：ロゴ・文房具システム

伝統的で本物で、刻印されたクラフト紙や使い古された革製品を思い出させます。職人技がメッセージであるロゴ、モノグラム、文房具には、このタンブラウンのカラーパレットを使用してください。単一のセリフファミリーと組み合わせて、十分な間隔、そして繊細な質感を使用して、時代遅れに見えないようにします。ヒント: マークには最も暗い色合いを保ち、背景や封筒には明るい色合いを使用してください。

media.ioを使って生成したヘリテージブランドスタンプの画像例

19) 居心地の良いカフェメニュー

HEX：#D4B18A #B58763 #8B5A3C #EEDBC7 #4E5A4A

ムード：フレンドリーで素朴な

おすすめ用途：プリントされたカフェメニューデザイン

フレンドリーで素朴な雰囲気で、蒸したミルクの泡、トーストしたペストリー、そしてほんのりハーブのような感じです。メニュー、テーブルテント、まだ洗練されているように見える黒板スタイルのグラフィックに適しています。落ち着いたグリーンのアクセントとシンプルな仕切りと組み合わせて、セクションを整理します。ヒント: メイン メニューの背景にクリーム色を使用して、価格を読みやすくします。

media.ioを使って生成した居心地の良いカフェメニューの画像例

20) ナイトフォール エスプレッソ

HEX：#CBB08E #A97A5C #6B4636 #2B2A28 #F3E6D8

ムード：ムーディーで洗練された

おすすめ用途：高級時計商品広告

ムーディーで洗練された、ソフトクリームのハイライトでエスプレッソの深みをもたらします。過酷なコントラストのないドラマが欲しい高級品広告に強いです。ほぼ黒の背景、微妙な反射、最小限のコピーと組み合わせて、プレミアムを保ちます。ヒント: リム ライトまたは小さなラベル エリアとしてライト クリームを追加して、詳細が目立ちます。

media.ioを使って生成したナイトフォールエスプレッソの画像例

タンブラウンに合う色は？

タン ブラウンは、アイボリー、クリーム、ウォーム ホワイトなどのソフト ニュートラルと簡単に組み合わせます。これらは、パレットの自然な暖かさを保ちながら、全体的な外観を明るく保ちます。モダンな雰囲気のために、ピュアブラックではなくチャコールまたはニアブラックを追加してください。

落ち着いたグリーン（セージ、オリーブ、フォレスト）は自然を反映し、落ち着いたコントラストを提供するため、最高のマッチです。よりクールでシャープなアクセントが必要な場合は、ネイビーまたはデニムブルーを試して、日焼けをより意図的でグラフィックに見せてください。

プレミアムなタッチのために、金属とミネラルのトーンを使用してください。銅とブロンズは暖かさを増幅し、スレートまたはブルーグレーのトーンはUIとブランディングにバランスの取れたプロフェッショナルなエッジを追加します。

リアルなデザインでタンブラウンのカラーパレットを使う方法

最も大きな表面 (背景、壁、ヒーロー ブロック) に「ベース タン」を選択することから始め、呼吸スペースには明るいクリーム、構造には濃い茶色 (テキスト、境界線、CTA) を重ねます。これにより、日焼けが平らになったりほこりっぽくなったりするのを防ぎます。

インテリアでは、質感に任せてください。リネン、木目調、マットセラミックが、タンブラウンを無地のベージュとして読むのを防ぎます。ブランディングやプリントでは、微妙な紙の質感や温かみのあるオフホワイトのストックが、パレットを細工的で意図的に感じさせることができます。

UI の場合は、アクセシビリティを優先します。テキストには最も濃い茶色またはクールな黒に近い色を使用し、カードやパネルには中褐色を予約します。明瞭さを維持するために、アクセント (緑、ネイビー、銅) をいくつかの重要なアクションに制限します。

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

すでに 16 進コードをお持ちの場合は、シーン (インテリア、パッケージ、UI) と雰囲気 (居心地の良い、ミニマル、プレミアム) を説明することで、ブランド内のモックアップにすばやく変換できます。一貫した照明とシンプルな構成により、暖かいニュートラルは泥だらけではなく清潔に見えます。

上記のプロンプトを再利用し、単一のディテール(素材、背景色、アクセントカラー)を交換して繰り返し、同じタンブラウンのファンデーションを維持しながらバリエーションを探ります。

Media.io のテキストから画像への変換ツールを使用すると、広告、ヒーロー セクション、ムード ボード、製品コンセプトの一致するビジュアルを数分で生成できます。高度なデザイン セットアップは必要ありません。

次へ： グリーンネイビーブルーのカラーパレット