ブラウンレッドカラーパレット20選｜配色例とHEXコード一覧

ブラウンレッドのパレットは、アースカラーの心地よさと赤のエネルギーを融合させ、落ち着きがあり高級感が漂い、記憶に残るビジュアルを生み出します。

以下では、HEXコード付きの20個のブラウンレッドのカラーバリエーションと、ブランディング、UI、パッケージ、秋らしいグラフィックへの実用的な活用アイデアをご紹介します。

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

ブラウンレッドはナチュラルとボールドの間に位置し、デザインに温かみと親しみやすさを持たせつつ、力強いブランドにも十分な表現力を与えます。

これらの色調は本革、粘土、レンガ、木材の染み、ココア、スパイスなど本物の素材を連想させるため、“クラフト感”や“高級感”を感じさせ、パッケージやエディトリアルなレイアウトに最適です。

UIやマーケティングでも使いやすく、濃いブラウンがテキストに安心感のあるコントラストをもたらし、くすみレッドを加えても鮮烈すぎず自然な注目を集められます。

20以上のブラウンレッド配色アイデア（HEXコード付き）

1）シナモンブリック

HEX： #4A2C2A #7B3F2B #A1452D #C66B4A #F1D6C8

イメージ： 温かい、ラスティック、親しみやすい

おすすめ用途： コーヒーパッケージやカフェのブランディング

シナモン香るラテとレンガの壁のように、温かみとラスティックさを感じるトーンです。深いココアブラウンとスパイスレッドのコントラストがパッケージやサインで高級感を演出。クリーム色のタイポグラフィに真鍮のアクセントを加えると、クラフト調に仕上がります。活用のコツ：最も暗い色はロゴに、最も明るい色はラベルに使うと、円形パッケージでも視認性が保てます。

media.ioで生成したシナモンブリックの画像例

Media.io

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

今すぐ無料で試す

2）ラスティッククレイ

HEX： #3B2A24 #6A3B2B #B05A3C #D79A7B #F6EEE7

イメージ： 落ち着き、手作り感、穏やか

おすすめ用途： 陶芸ショップのWebサイトや商品ページ

サンベイクドクレイや釜の温もり、柔らかなスタジオライトを連想させる、落ち着いた手作りの雰囲気。ミッドテラコッタはボタンやハイライトに、ダークブラウンはヘッダーやナビゲーションに最適。オフホワイトと微細なテクスチャーを組み合わせることで重くなりすぎず軽やかになります。活用のコツ：クレイトーンは主要なCTAのみに使用し、ページ全体をすっきりとした印象に。

media.ioで生成したラスティッククレイの画像例

3）エンバートリュフ

HEX： #2B1E1A #5A2C22 #8A3A2B #C46A4B #EED0C0

イメージ： ムーディー、高級感、ドラマチック

おすすめ用途： チョコレートブランドの広告クリエイティブ

ムーディーでラグジュアリー。暗いトリュフチョコの中に灯る熾火のような雰囲気。ほぼ黒に近いブラウンがドラマを演出し、エンバーレッドが鮮やか過ぎず食欲をそそります。マットブラックな写真とミニマルなセリフ体で高級感UP。活用のコツ：ライトクリームを商品写真の余白に使い、暗色の中にもディテールを引き立てましょう。

media.ioで生成したエンバートリュフの画像例

4）シエンナローズ

HEX： #4E2A2C #8B3A3C #B94C4A #E2A09A #F7E3DD

イメージ： ロマンチック、ソフト、洗練された

おすすめ用途： ウェディング招待状セット

ロマンティックで洗練された印象。ドライローズ、暖かいキャンドルの灯り、ヴィンテージの文具を連想します。くすみレッドが上品さを保ち、ブラッシュやソフトクリームが全体を軽やかに。繊細なラインアートと箔のようなゴールドを添えるとタイムレスに。活用のコツ：最も濃い色は重要な名前や情報に限定し、読みやすさも◎。

media.ioで生成したシエンナローズの画像例

5）マホガニースパイス

HEX： #2D1B18 #5C2B27 #8D3A2F #C85D3B #F0C8B0

イメージ： 力強い、男性的、高級感

おすすめ用途： ウィスキーラベルとボトルパッケージ

ポリッシュされたマホガニーや樽、スパイスの香りを彷彿させる、力強い高級感あるシェード。銅色がラベルにエネルギーをプラス。テクスチャペーパーと凝縮フォントで伝統美を強調。活用のコツ：アクセントカラーはボーダーやシールに絞ると、遠くからもクラシックな印象に。

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

6）コッパーハース

HEX： #3A231E #6B2F25 #A23F2A #D47A4A #F3D9C7

イメージ： 居心地良い、祝祭的、親しみやすい

おすすめ用途： ローカルマーケットのホリデープロモポスター

コッパーのお鍋やホットサイダー、暖炉を思わせる居心地よく賑やかな印象。ブラウンレッドの組み合わせは、暖かいクリーム背景と大型見出しに最適。シーズン感を出すならエバーグリーンやディープネイビーと合わせても。活用のコツ：コッパートーンはひとつのバッジに限定し、アイキャッチに使いましょう。

media.ioで生成したコッパーハースの画像例

7）オータムバーク

HEX： #2E1F16 #5A3A22 #8C4B2A #B35A3A #E9C8B3

イメージ： アーシー、アウトドア、安定感

おすすめ用途： アウトドアブランドのルックブック

落ち着いた土やトレイルの樹皮、乾いた落ち葉や夕陽を感じるカラー。ベースのブラウンがフォト中心レイアウトに、レッド系がコールアウトを暖かく際立たせます。ナチュラルな紙テクスチャや十分な余白もプラス。活用のコツ：キャプションは一番深い色で、暖色写真の上でもコントラストを維持。

media.ioで生成したオータムバークの画像例

8）ココアチェリー

HEX： #3B1B20 #6A2A2F #9C3A3A #C86C63 #F2D7D1

イメージ： かわいらしい、遊び心、モダン

おすすめ用途： デザートショップのSNS テンプレート

ココアパウダーやチェリーグレーズ、艶やかなベリーをイメージしたスイート＆モダンな配色。深みブラウンレッドがテキストを際立たせ、淡いブラッシュで明るく目を引く投稿に。ジオメトリックなステッカーやシンプルなサンセリフ体と相性抜群。活用のコツ：アクセントカラーをタグやハイライトに繰り返して使うとブランドフィードを統一できます。

media.ioで生成したココアチェリーの画像例

9）テラコッタワイン

HEX： #351D1B #6C2D2B #8F3B34 #B85C4D #EBC7B7

イメージ： リッチ、エレガント、親密

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

テラコッタタイルや赤ワイン、ほの暗いビストロの照明を彷彿とさせるリッチなカラー。ダークトーンが高級感ある見出し、温かなブラッシュが文章部分の可読性と洗練を保ちます。クリーム系の紙に繊細なグレインを重ねて心地よい雰囲気に。活用のコツ：ミッドレッドはセクション区切りだけに使い、メニュー全体が落ち着いた上質な印象に。

media.ioで生成されたテラコッタワインの画像例

10）チェスナットブラッシュ

HEX： #4B2722 #7A3A2E #A64E3A #D7A08E #F8E8E2

イメージ： 優しく、居心地が良く、親しみやすい

おすすめ用途： ビューティーブランドのランディングページ

優しくて居心地の良い雰囲気は、栗やソフトなチークメイク、温かいニットの質感を思わせます。自然な温もりとクリーンでモダンな仕上がりをバランスよく組み合わせており、スキンケアやコスメによく合います。余白をたっぷり使い、明るい背景で商品写真を配置しましょう。使い方のコツ：チークトーンをホバーやマイクロインタラクションに使えば、UIが控えめな印象になります。

media.ioで生成されたチェスナットブラッシュの画像例

11）バーントアンバーブルーム

HEX： #2A1A16 #5C2E26 #8B3A2C #C05A3F #F0D2C2

イメージ： アーティスティック、温かい、表現豊か

おすすめ用途： 水彩フローラルイラストセット

アート感と温かみがあり、バーントアンバーの淡い色合いと薔薇色の花びらで彩られた水彩の花を連想させます。この配色は、深みを出したい植物イラストに最適ですが、黒のような強すぎるコントラストはありません。手書きのキャプションや柔らかな紙のテクスチャと合わせて、手作り感を強調しましょう。使い方のコツ：最も暗い色は茎や影に使い、花に輝きを残しましょう。

media.ioで生成されたバーントアンバーブルームの画像例

12）レッドウッドココア

HEX： #2B1814 #543026 #7D3B2F #A84E3E #E6C2B2

イメージ： ナチュラル、丈夫、モダンラスティック

おすすめ用途： インテリアデザインムードボード

ナチュラルで丈夫な雰囲気は、レッドウッドのパネルやココアレザー、リネンカーテンから差す暖かい日差しを思わせます。赤茶の中間色はアクセントウォールに、明るいトーンは生地のサンプルやメモにおすすめ。ベージュやマットブラックの金具、オリーブのアクセントと組み合わせると、しっかりとした空間コンセプトになります。使い方のコツ：最も深いブラウンでテキストやラベルを書くと、ムードボードがテクスチャ上でも読みやすくなります。

media.ioで生成されたレッドウッドココアの画像例

13）パプリカモカ

HEX： #3C1F18 #6F3322 #A2452A #D07A4B #F5D8C6

イメージ： エネルギッシュ、食欲をそそる、大胆

おすすめ用途： スパイスジャーラベルシステム

エネルギッシュで食欲をそそる配色は、パプリカがモカ色の表面を舞うような印象です。明るいオレンジレッドは風味のヒントにぴったりで、深いブラウンはラベルシステムを安定させます。シンプルなアイコンや明快なサンセリフ体と合わせれば、買い手が素早く識別できます。使い方のコツ：1つのアクセントカラーをフレーバーファミリーごとに割り当てると、棚が整理された印象になります。

media.ioで生成されたパプリカモカの画像例

14）ガーネットウォルナット

HEX： #2B141A #5B242B #7F2F33 #B35656 #EBD0D0

イメージ： クラシック、学術的、洗練

おすすめ用途： 歴史小説のブックカバーデザイン

クラシックで学問的なムードは、ガーネットインクやウォルナット材のデスク、使い込まれた図書館の製本を思わせます。深いガーネットは重厚で文学的な印象、淡いブラッシュは過度に重くならないよう補います。セリフ体書体や控えめな装飾境界線と合わせると、時代感のある雰囲気に。使い方のコツ：中間色はサブタイトルや作者名に使い、明瞭な階層を作りつつ、強いコントラストを避けましょう。

media.ioで生成されたガーネットウォルナットの画像例

15）ブリックダストニュートラル

HEX： #2F211C #5A342B #8B4B3A #CDAA9D #F7F1EC

イメージ： ミニマル、温かい、建築的

おすすめ用途： ブランドガイドラインとアイデンティティシステム

ミニマルで建築的な配色は、コンクリート上のレンガの粉と柔らかな暖かみのある輝きを思わせます。ブラウンレッド配色は、清潔なロゴやグリッド、長文ドキュメントの視覚疲労を防ぎます。チャコールの線画と十分なオフホワイトの余白を合わせると、現代的なスタジオの雰囲気に。使い方のコツ：背景には主要なニュートラルを使い、レンガ色をアクセントで一貫性を保ちましょう。

media.ioで生成されたブリックダストニュートラルの画像例

16）スモークドベリー

HEX： #26161B #4D242F #6D2E3B #A65D6A #EED3DA

イメージ： 神秘的、現代的、滑らか

おすすめ用途： 音楽イベントフライヤー

神秘的で滑らかな配色は、スモークドベリーやベルベットカーテン、深夜の照明を連想させます。深いベリー系ブラウンは背景に強く使える一方、ダスティローズは読みやすいタイポグラフィやアクセントになります。ミニマルな幾何学形状と鮮明な書体を組み合わせて、現代的なナイトライフ雰囲気を演出します。使い方のコツ：日付や会場には明るいアクセントを使い、主要情報を際立たせましょう。

media.ioで生成されたスモークドベリーの画像例

17）キャラメルクリムゾン

HEX： #3A2015 #6C2C1A #A23A22 #D07A5A #F4D8CC

イメージ： 大胆、味わい、ハイコントラスト

おすすめ用途： ECプロモバナーセット

大胆で味わい深い雰囲気は、シャープなクリムゾンのアクセントとキャラメルのトーンが組み合わさっています。これらのブラウンレッド配色は、価格強調のECバナーにぴったり。クリーンな白抜き商品と暗いテキストカラー1色を合わせることで視覚的な騒がしさを避けることができます。使い方のコツ：最も明るい赤を限定バッジの背景だけに使い、緊急性をすぐ伝えるように。

media.ioで生成されたキャラメルクリムゾンの画像例

18）バーガンディレザー

HEX： #1F1414 #452020 #6A2A2A #9E4A46 #E6C8C5

イメージ： 伝統、エレガント、自信

おすすめ用途： ラグジュアリーアクセサリーブランディング

伝統とエレガントさを感じさせる配色で、バーガンディレザーや縫製エッジ、静かなブティックのインテリアを思わせます。深い色調はモノグラムやミニマルなマークの自信ある基盤となり、淡いブラッシュが仕上げを柔らかくします。マットテクスチャや小さなゴールドディテール、広い余白と組み合わせましょう。使い方のコツ：最も明るいトーンはパッケージの内側に使い、開封体験を高級感と明るさで満たしましょう。

media.ioで生成されたバーガンディレザーの画像例

19）クレイストンサンセット

HEX： #3A241C #6A3A2A #9B4E34 #D08A6B #F6E1D6

イメージ： 穏やか、日差し、楽観的

おすすめ用途： 旅行ブログヘッダー＆記事グラフィック

穏やかで日差しを感じる配色は、夕陽に照らされたクレイストンの崖を思い浮かべます。深いブラウンから柔らかなピーチへのグラデーションが、写真を圧倒せずヘッダーを温かく演出します。エアリーなレイアウトや細いディバイダー、空色アクセントの薄いブルーを組み合わせ、空のようなコントラストに。使い方のコツ：最も明るいトーンは引用部分の背景で強調しつつ、重いボックスにならないように。

media.ioで生成されたクレイストンサンセットの画像例

20）トフィーラスト

HEX： #2E1C16 #5B2F22 #87402D #B85B3E #E9C2B0

イメージ： 居心地、実用的、親しみやすい

おすすめ用途： アプリのオンボーディング画面

居心地の良い、親しみやすい配色はトフィーの温もりと少しの錆びた金属感を与えます。暗めの色はナビゲーションや本文に安定して使え、暖かい中間色はイラストや進捗インジケーターに個性を追加します。シンプルな丸みのある形やクリーム色の背景と併用し、オンボーディング画面を親しみやすくしましょう。使い方のコツ：主ボタンのアクセント色は一貫させ、ユーザーが素早くパターンを学べるように。

media.ioで生成されたトフィーラストの画像例

ブラウンレッドに合う色は？

ブラウンレッドは、クリーム、アイボリー、サンド、ベージュなどの温かいニュートラルと自然に組み合わせられます。これがパレットに呼吸感を与え、印刷でもUIでもタイポグラフィを読みやすくしてくれます。

対比をつけるなら、ディープネイビー、チャコール、フォレストグリーンなどのクールなアンカーを使うと、ブラウンレッドのアクセントがより意図的に際立ちます（季節のキャンペーンやプレミアムブランドに最適）。

明るさを出したい場合は、くすみピーチ、ダスティローズ、ソフトティールを組み合わせれば、アースカラー基調を崩さず現代的なエネルギーを加えられます。

実際のデザインでブラウンレッドパレットを使う方法

まず役割を決めて：最も暗いブラウンレッドはヘッダーやロゴ、中間色はアクセント（ボタン、バッジ、ディバイダー）、最も明るいクリームやブラッシュは背景や余白に使いましょう。

パッケージでは素材感を重視しましょう。クラフト質感、マットラベル、エンボス加工、小さな金属ハイライト（ゴールド／ブラス）で、これらの色調はクラフト感と高級感を演出します。

UIでは彩度をコントロール。CTA用のアクセントは1つに絞り、明るい色はホバーや背景で使って落ち着きと一体感のあるインターフェースを保ちましょう。

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

HEXコードしかない場合でも、モックアップやポスター、UI画面、商品広告などのビジュアルが必要なら、AI生成でスタイル探しも速く、パレットの一貫性も保てます。

Media.ioのテキストから画像生成ツールなら、プロンプトを貼り付けて構図や縦横比を指定し、ブランドやキャンペーンに合うブラウンレッドトーンになるまで何度もイテレーションできます。

最高の成果をテンプレート化してSNS投稿やバナー、パッケージ案、ムードボードなどに再利用しましょう。

次へ： イエローレッドカラーパレット