バーントアンバーは、深みのあるアーシーなブラウンで、温かみのある赤みがかった色味が特徴です。デザインに瞬時に落ち着きと高級感、人間味を与えます。クリーミーなニュートラルや大胆なアクセントカラーと美しく調和するため、ラスティックやヘリテージ、モダンなエディトリアルスタイルのベースカラーとして定番です。
以下に、20パターン以上のバーントアンバー配色例とHEXコード、さらにブランディング、パッケージ、インテリア、UIへの実用的なアドバイス、数分で再現できるAIプロンプト例も掲載しています。
なぜバーントアンバーの配色はよく機能するのか
バーントアンバーは「ウォームニュートラル」系に属し、とても柔軟性があります。落ち着いた背景トーンにも、タイポグラフィやフレーム、商品ラベルのしっかりした基調にもなります。この多用途性のため、エディトリアルUIから高級パッケージまで幅広く使われています。
また、即座に奥行きを加えます。平坦なブラウンと比べて、バーントアンバーの赤みの温かさがレザーや陶器、木材、焙煎コーヒーのような素材感を演出しますが、重いテクスチャは不要です。
さらに重要なのは、バーントアンバーはコントラストを活かせることです。読みやすさ重視ならクリーミーなオフホワイト、自然なバランスにはセージ／オリーブ、現代的なアクセントにはデニム／ブルーと合わせましょう。
20種類以上のバーントアンバーカラーパレット案（HEXコード付き）
1) デザートテラコッタ
HEX： #7a3b2e #b65a3a #e2c2a1 #a79c8e #2b2a28
雰囲気： 日差しを浴びた落ち着き
おすすめ用途： 旅行パンフレットの表紙デザイン
日差しで焼けたキャニオンの岩壁や陶器、午後遅くの砂ぼこりを思わせるバーントアンバートーンです。見出しには濃いアンバー、テラコッタやサンドで大きな形や写真のオーバーレイを担当させましょう。温かみのある紙素材や控えめなグレインと組み合わせれば、リアルな砂漠の雰囲気に。使い方のコツ：本文はほぼチャコール色で。ベージュ系ではコントラストが弱くなるのを避けましょう。
media.ioで生成したデザートテラコッタの画像例
Media.ioは、ブラウザーで動画・画像・音声の作成や編集ができるオンラインAIスタジオです。
2) スモークドレザー
HEX： #5a2a24 #8a3f2b #c59b7b #efe3d6 #1f1c1a
雰囲気： 無骨でプレミアム
おすすめ用途： ウイスキーラベルのパッケージ
無骨で高級感があり、使い古したレザーや樽のスモーク、エイジドオークを連想させます。濃いブラウンやほぼ黒に近い色でヘリテージ感のある枠を作り、タンは封シールやサブバッジに。銅や真鍮の箔押しアクセントもこれらの暖色系ニュートラルとよく合います。使い方：ライトクリーム色で余白を確保すれば陳列時でもラベルの視認性は抜群です。
media.ioで生成したスモークドレザー例画像
3) クレイ＆セージ
HEX： #6f352a #c07b5a #d9c6b3 #6d7a5a #2e2f2a
雰囲気： 穏やかでオーガニック
おすすめ用途： 植物由来スキンケアブランドのアイデンティティ
落ち着きとオーガニック感のあるこのバーントアンバーパレットは、陶器のプランターやドライハーブ、静かな薬局の棚を彷彿とさせます。アーシーなブラウンとセージグリーンをバランス良く組み合わせ、特にアイコンや細かなUIアクセントに使うとフレッシュさが際立ちます。クラフト紙やリサイクル紙、ソフトな手触りのパッケージにも最適。使い方：グリーンはコールアウト用途にとどめれば、ボタニカル感を維持しつつ過度にラスティックになりません。
media.ioで生成したクレイ＆セージ画像例
4) カッパーキャニオン
HEX： #7b2f22 #cc6b3d #f2d0b6 #8c7e74 #3a3330
雰囲気： 力強く日差しを浴びた雰囲気
おすすめ用途： 秋の音楽フェス用イベントポスター
力強く日差しに照らされた銅と、薄暗くなった岩の影のようなバーントアンバーカラー。明るいカッパーを主役形状に使い、濃いアンバーでレイアウトを基調づけましょう。凝縮したタイポとシンプル幾何学パターンの組み合わせで現代的フェス感を演出。使い方のコツ：淡いピーチ色は小さな文字の背景用にしてコントラストを保って。
media.ioで生成したカッパーキャニオン画像例
5) モカリネン
HEX： #6a3b32 #9a6b55 #d7c3ad #f6efe6 #3f3a36
雰囲気： 柔らかく家庭的
おすすめ用途： インテリアデザインのムードボード
柔らかで家庭的なイメージ。モカやリネンカーテン、温かな午後の光を思わせます。バーントアンバーのこのカラーパレットは居心地よいインテリアによく映え、マットなブラウンとクリーミーなオフホワイトを組み合わせると特に魅力的。ブラックブラウンはアウトラインや薄いタイポ、金具などに少しだけ使って引き締めましょう。使い方のコツ：リネン風の色は広い面積でリピートすれば、濃いブラウンが重すぎず意図的なデザインに仕上がります。
media.ioで生成したモカリネン画像例
6) フォレストキャビン
HEX： #5a2f2a #8b4b3a #c8b39a #3f5a46 #1f231f
雰囲気： 森林風でリラックス
おすすめ用途： アウトドアギアのウェブサイトヒーローバナー
森林感と癒しを感じさせるパレット。キャビンの木や苔むした小道、焚き火の残り火を思わせます。グリーンはボタンなどのアクセントやハイライト用に使い、ブラウンでベースを安定させましょう。テクスチャ感ある写真や控えめなサンセリフ書体と相性抜群。使い方のコツ：CTAボタンは淡いタンの上にグリーンを置けば、もっともクリアなクリックコントラストになります。
media.ioで生成したフォレストキャビン画像例
7) ヴィンテージライブラリー
HEX： #6b2e24 #9c5a3c #d2b08c #f2e6d8 #2a2422
雰囲気： 学究的でノスタルジック
おすすめ用途： 歴史小説のブックカバーデザイン
学究的で懐かしさを感じる配色。革装丁の本の背表紙、羊皮紙の縁、静かな読書室を思い出させます。最も濃い色でタイトルや著者名を、暖かなタンで大きなブロックや枠を埋めましょう。セリフ体タイポグラフィや控えめな装飾罫と上品にマッチします。使い方のコツ：装飾罫は細め＆中間ブラウンにして、凝りすぎず上品なカバーに。
media.ioで生成したヴィンテージライブラリー画像例
8) スパイスドココア
HEX： #7a2f23 #a6543a #d8a77f #f4dfc8 #3a2a26
雰囲気： 甘くて招き入れる雰囲気
おすすめ用途： コーヒーショップのメニューデザイン
甘く招き入れる印象のバーントアンバー配色。ココアパウダーやシナモン、スチームドミルクフォームみたい。クリーム色をメニュー背景、濃いブラウンをアイテム名に使えば視認性バッチリです。温かいキャラメル色はプライスタグやアイコン、セクション見出しに最適。使い方のコツ：明るいスパイス色は全体の10～15％程度に抑えると、食欲をそそるまま派手になり過ぎません。
media.ioで生成したスパイスドココア画像例
9) オータムマーケット
HEX： #6f2f27 #b24b2f #e0b88e #f3efe8 #3a3a34
雰囲気： お祭り気分のあたたかさ
おすすめ用途： 季節のソーシャルメディアテンプレートセット
祝祭感と温かみがあり、収穫市や焼き菓子、そしてひんやりとした空気とストリングライト下の雰囲気を想起させます。明るいニュートラルをグリッドのベースに使用し、投稿ごとにラスティ（赤茶）やタン（淡茶）をローテーションさせて変化をつけましょう。手書き風の見出しや、シンプルなイラスト葉とよく合います。使い方のコツ：ダークグレーブラウンは小さなテキストだけに使い、フィード全体を明るく保ちましょう。
media.io を使って生成した秋のマーケットの画像例
10）ミニマルアンバーユーアイ
HEX： #6a2f25 #8f4d3b #cdb7a6 #f7f3ee #2a2a28
雰囲気： クリーンでエディトリアル
おすすめ用途： ファイナンスダッシュボードUI モックアップ
クリーンでエディトリアルなこれらのニュートラルは、温かい紙と鋭いインクの仕上がりを思わせます。ほぼ黒の色はラベルやデータに使い、ミッドブラウンはアクティブな状態や主要な指標に。ソフトベージュは落ち着いたパネル背景として視覚的疲労を減らします。使い方のコツ：一番濃いブラウンは主なCTAだけに使い、インターフェースの集中感を保ちましょう。
media.io を使って生成したミニマルアンバーユーアイの画像例
11）ウォームストーンウェア
HEX： #73382f #a96a55 #d9c2ac #b3b0a7 #2f2c2a
雰囲気： アルチザン（職人風）で手触りを感じる
おすすめ用途： ハンドメイド陶器の商品写真
アルチザンで手触り感があり、釉薬をかけたストーンウェア、窯の熱、マットな粘土の粉を想起させます。トープグレーは温かいブラウンとソフトベージュの静かな橋渡しカラーに最適です。温もりは欲しいけどオレンジ系にしたくないスタジオ商品ショットに最適です。使い方のコツ：淡いベージュの上に商品を置き、ディープブラウンは小物やラベルだけに使い奥行きを演出しましょう。
media.io を使って生成したウォームストーンウェアの画像例
12）ラスティ＆デニム
HEX： #6a2f28 #b24a36 #e0c3a8 #3f5f7a #232427
雰囲気： モダンで自信にあふれている
おすすめ用途： ストリートウェア ルックブック エディトリアルページ
モダンで自信にみなぎり、錆びたような温もりとクールなデニムやインクのような深みを融合します。このバーントアンバーの配色は、ブルーをセカンダリで使う（引用文、リンク、一つだけ目立つブロックなど）時に最も映えます。大胆なグリッドとゆとりある空白でシャープなマガジン風に。使い方のコツ：写真はやや彩度を落とし、ラスティ色が一番目立つよう演出しましょう。
media.io を使って生成したラスティ＆デニムの画像例
13）サンドストーンサンライズ
HEX： #7a3a2a #d07b4f #f1c6a8 #f7efe5 #4a3a35
雰囲気： 明るく楽観的
おすすめ用途： ウェルネスリトリート ランディングページ
明るく楽観的で、サンドストーン（砂岩）の朝日のような、やわらかな陽光と空気感があります。ピーチやクリーム色をページのメイン背景に、深いブラウンで見出しやナビゲーションを担当させます。空気感のある写真や丸みのあるサンセリフフォントと良く合います。使い方のコツ：オレンジは1画面1アクションのハイライト用に限定し、リトリート感を穏やかに。
media.io を使って生成したサンドストーンサンライズの画像例
14）チャードシダー
HEX： #4a241f #7a3a2f #b88b73 #e8d6c7 #161514
雰囲気： ムーディで建築的
おすすめ用途： プレミアム 不動産ブランディング
ムーディで建築的な印象で、焦げた杉材の壁、コンクリートの影、温もりある内装光を思わせます。ほぼ黒とディープブラウンはモノグラムやサインに使い、ベージュは空間にゆとりを与えます。ミニマルなレイアウトやハイコントラストな写真ととてもよく合います。使い方のコツ：ミッドタンはアイコンや仕切り線など副次的なディテール限定にして、上品な印象を保ちましょう。
media.io を使って生成したチャードシダーの画像例
15）アンバースパイス
HEX： #7b2b22 #b64b2d #e1a66f #f6e6d4 #3a2f2b
雰囲気： スパイシーで心地よい
おすすめ用途： 職人手作りホットソースのラベル
スパイシーで心地良く、トーストしたチリ、キャラメル化した柑橘、スモーキーなキッチンの雰囲気をもつバーントアンバー配色。アンバーをラベルアイコンやフレーバーストライプの主役色にし、他はディープブラウンの文字で引き締めましょう。太いイラストやボールドのサンセリフ文字と相性抜群です。使い方のコツ：淡いクリーム色を材料リストの背景にして、曲面ボトルでも可読性を確保しましょう。
media.io を使って生成したアンバースパイスの画像例
16）ダスティローズアンバー
HEX： #6f2f2a #9b4a3f #d6a3a0 #f2e2d9 #2f2a28
雰囲気： ロマンティックでやわらかな雰囲気
おすすめ用途： 結婚式招待状セット
ロマンティックでやわらかく、ドライフラワーのバラやアンティークリボン、やわらかい紙に温かいインクで書かれた感じ。ブラッシュ（頬紅）カラーを花や囲み枠に使い、ディープブラウンで名前やメイン情報を担当させます。セリフ体タイポグラフィやミニマルの線画と好相性。使い方のコツ：一番濃い色は純黒より少し柔らかいトーンで印刷し、全体を優しく演出しましょう。
media.io を使って生成したダスティローズアンバーの画像例
17）オリーブオーチャード
HEX： #6a2e26 #8a4a3a #d5bfa8 #7a7a4e #2a2a22
雰囲気： アーシーで地中海的
おすすめ用途： オリーブオイルパッケージデザイン
アーシーで地中海を感じさせ、オリーブ畑、テラコッタ屋根、石造りの中庭の日陰を想起します。オリーブ色はキャップ、シール、パターンラインなどポイント使いにし、残りは温かみのあるニュートラルでまとめましょう。クラシックなセリフラベルや手描きの小さなイラストとは好相性。使い方のコツ：一番濃い色は文字や枠に限定し、グリーンを新鮮に保ちます。
media.io を使って生成したオリーブオーチャードの画像例
18）ナイトエスプレッソ
HEX： #3b1e1a #6b2f25 #9c6b56 #d8c4b3 #0f0f10
雰囲気： ドラマティックで親密
おすすめ用途： 高級カフェ ロゴとサイン
ドラマティックで親密、エスプレッソクレマと夜のダークなカウンターが融合した雰囲気です。サインのベースは黒に近い色を、ロゴやサブテキストに温かいブラウンを配します。金箔や真鍮の風合いやハイエンドセリフ体レタリングと抜群の相性。使い方のコツ：背景エリアはディープ＆クリーンに保ち、ミッドブラウンの細部が埋もれないようにしましょう。
media.io を使って生成したナイトエスプレッソの画像例
19）テラコッタジャーナル
HEX： #7a3328 #a9573f #cfa48a #f5ecdf #34302e
雰囲気： クリエイティブで心地よい
おすすめ用途： ノートカバーデザイン
クリエイティブで温かみがあり、スケッチブックやドライインク、テラコッタのタイルを想起させます。ミディアムブラウンはメインカバーに、淡いクリームは文字ブロックや小ラベルに使いましょう。手描きの落書きやスタンプ、さりげない紙のテクスチャともよく合います。使い方のコツ：細いダークボーダーでフレーミングし、カバーが平坦にならないようにしましょう。
media.io を使って生成したテラコッタジャーナルの画像例
20）シナモンオーツ
HEX： #6f342a #b06a4f #e2c9ad #f7f0e6 #4a3f39
雰囲気： ヘルシーで軽やか
おすすめ用途： レシピブログ ヘッダーとピン
ヘルシーで軽やか、シナモンやオートミール、温かいキッチンの光を連想させます。クリームとオートの色調をメインに、ブラウンは見出しや小さな区切り線に留めます。シンプルなフードイラストや丸みあるフォントと好相性。使い方のコツ：シナモン色は1レイアウト1カ所のバッジに限定し、ヘッダーをすっきり保ちましょう。
media.io を使って生成したシナモンオーツの画像例
21）ヘリテージポスター
HEX： #6a2b22 #8f4a37 #c78e6c #efe0d2 #24201f
雰囲気： クラシックで力強い
おすすめ用途： ミュージアム展示ポスター
クラシック＆大きな存在感。レタープレスのインク、エイジドペーパー、ウッドフレームの温もりを感じます。このバーントアンバー配色は、大きなタイポグラフィや力強いコントラストブロック用に最適で、きつく見えません。広い余白、ヴィンテージのモチーフ1種、抑えたグリッドで整理された見た目に。使い方のコツ：背景は少しオフホワイトで印刷し、ポスターのアーカイブ感を保ちましょう。
media.io を使って生成したヘリテージポスターの画像例
22）クワイエットスタジオ
HEX： #6b332a #8a5a4a #cdb7ab #f5f2ee #2b2a28
雰囲気： ニュートラルで集中力を促す
おすすめ用途： ポートフォリオWebサイトUIキット
ニュートラルで集中しやすい印象、温かい影と柔らかい紙に包まれた静かなスタジオ空間のイメージです。一番明るいトーンは背景に、ミッドブラウンはセクション区切りに、もっとも濃い色をナビやタイトルに使用。ミニマルな写真やたっぷりの余白にぴったり。使い方のコツ：ホバー時は2色のミッドブラウンで微妙な移行をつけ、一番濃い色とのギャップを減らしましょう。
media.io を使って生成したクワイエットスタジオの画像例
バーントアンバーに合う色は？
バーントアンバーは、クリーム・オート・サンド・パーチメントのような温かいニュートラルと自然によく合い、タイムレスで読みやすいレイアウトやパッケージングのベースになります。明るいトーンを使えばアンバー主体のデザインも重くなりすぎません。
みずみずしい自然なコントラストには、セージ・オリーブ・モスといったグリーンと組み合わせてみてください。温かいブラウン＋くすみグリーンのコンボは、ナチュラルブランドやアウトドア製品、地中海風のアイデンティティに特におすすめです。
もっと現代的な雰囲気が欲しい場合は、デニムブルーやスレートなどクールなアクセントを加え、セカンダリとして使いましょう。ウォーム＆クールのテンションで、バーントアンバーが土のニュアンスを残しつつ現代的な印象に仕上がります。
実際のデザインでバーントアンバー配色を使う方法
バーントアンバーは軸として使いましょう：見出し、枠、ナビバーやロゴマークなど。その上で明るいニュートラル（クリーム・ベージュ・オフホワイト）が背景を担うことで、タイポグラフィははっきりし、レイアウトにゆとりが生まれます。
パッケージや印刷では、バーントアンバーはクラフト紙やエンボス、ソフトタッチラミネート、銅／真鍮の箔押しなど触感を感じる仕上げと相性が良いです。温かみアクセント色（テラコッタ・アンバー・カッパーなど）はバッジやハイライト用に一色だけに抑えて使いましょう。
UIでは、アンバーを「インク」として扱い、塗りではなく、重要な数字、アクティブな状態、主要なCTAに適用します。パネルには暖かいベージュを使用して、まぶしさや視覚的な疲労を軽減します。
AIでバーントアンバーパレットのビジュアルを作成
実際のアセット（ポスター、ラベル、招待状、ダッシュボード）でバーントアンバーのカラー スキームがどう見えるかをプレビューしたい場合は、テキストプロンプトから素早くモックアップを生成してください。これは、制作に踏み切る前に雰囲気、階層、コントラストを迅速にテストする方法です。
上記のいずれかのプロンプトから始め、ブランドのキーワード（例：「スキンケア」、「ミュージアム」、「ストリートウェア」など）を入れ替え、成果物に合わせてアスペクト比を調整します。最も暗いアンバーは文字や構造に使い、より明るいニュートラルカラーが主役となるようにしてください。
Media.ioを使えば、複数のパレットの方向性を短時間で試し、ターゲットや商品に最適なものを選ぶことができます。
バーントアンバーカラーパレット よくある質問
-
バーントアンバーとは何ですか？（そしてアンバーとはどう違いますか？）
バーントアンバーは通常、ローアンバーよりも温かみがあり深みのある色で、赤みのあるトーンを含みます。「バーント」は顔料（またはカラーミックス）が加熱され、よりリッチでダークなブラウンにシフトしたことを示しています。焙煎され、よりアーシーな印象に仕上げられています。 -
バーントアンバーはブランドに適していますか？
はい。バーントアンバーは安定感、クラフト感、そして本物らしさを伝えるため、伝統的ブランド、食品・飲料パッケージ、高級不動産、ナチュラルスキンケアなどで人気です。クリーム色と合わせて明快さを出し、アクセントになる色を加えると個性を演出できます。 -
バーントアンバーに最も合う色は何ですか？
くすんだグリーン（セージ・オリーブ）、暖かいクリームやベージュ、涼しげなデニムやスレートブルーがバーントアンバーによく合います。より大胆な印象を出したい場合は、カッパーやアンバー色のアクセントを加えると、暖かさを際立たせ、ぶつかりすぎません。 -
バーントアンバーパレットが暗すぎる印象にならないようにするには？
明るいニュートラル（オフホワイト、サンド、パーチメント）の割合を増やし、バーントアンバーは見出しやフレーム、アイコン、小さなブロックなど構造部分に使用してください。深いブラウンを背景全体に使うのは避け、強い明るさのコントラストも加えましょう。 -
UIデザインでバーントアンバーを使っても良いですか？
もちろんです。テキストには黒に近いアンバーやダークアンバー、パネルには暖かいベージュ、状態（ホバー・アクティブ）にはミドルブラウンを使うと、インターフェースが読みやすくなり、グレースケールよりも柔らかく編集的な暖かみが出せます。 -
印刷でバーントアンバーに合う仕上げや質感は？
バーントアンバーはクラフト紙や暖かみのある未塗装紙、さりげないグレイン、エンボス加工、カッパーやブラスのメタルフォイルと組み合わせると美しく映えます。これらの仕上げは、アーシーなブラウンにふさわしい触感や高級感を強調します。 -
バーントアンバーパレットのモックアップを素早く生成するには？
Media.ioのテキストから画像生成ツールを利用してください：プロンプト（上記の例など）を貼り付け、レイアウトタイプ（ラベル、ポスター、UI）を指定し、アクセントや背景に小さな変更を加えながら、コントラストや雰囲気がしっくりくるまで繰り返してください。
次へ： ルネサンス カラーパレット
