Umberカラーの配色アイデア21選｜HEXコードとAIデザイン提案

アンバーは深みのある、土のような濃い茶色で、デザインに瞬時に温かみや重厚さ、信頼感を加えます。時代遅れに見せず、ブランドに土台を与えたい時の定番カラーです。

下記にアンバーの現代的なカラーパレット案（HEXコード付き）を、パッケージ、UI、インテリア、イラスト向けにご紹介します。さらに、ビジュアルを生成するための即利用可能なAIプロンプトも掲載しています。

なぜアンバーパレットがこれほど優れているのか

アンバーは「暖かいニュートラル」ゾーンにあり、意図的な印象を与える一方で落ち着きもあり、タイポグラフィや写真、商品ディテールの引き立て役として活躍します。特に高級感や手触り、伝統的な雰囲気が求められる場面で効果を発揮します。

アンバーは自然な深みがあるため、純粋な黒に頼らずコントラストを生み出せます。クリームや柔らかなグレーと合わせて読みやすさを高めたり、テラコッタやカッパーのアクセントでエネルギーをプラスしても安定感を保てます。

デジタルデザインでは、アンバーパレットは明るい白や高彩度の色よりもまぶしさを減らし、インターフェースを柔らかく人間味ある印象にします。ウェルネス、フード、ライフスタイルブランドに最適です。

20種類以上のアンバーカラーパレット（HEXコード付き）

1）シーダーハース

HEX： #5a3d2b #8a5a3c #c9a27a #f2e6d8 #2b1f1a

雰囲気： ほっこり、素朴、安定感

おすすめ用途： コーヒーパッケージ

心地よく木煙を感じるトーンは、シーダー材の梁、焙煎豆、暖かなカフェの照明を思わせます。深いブラウンと黒に近い色がラベルの基盤となり、タンやクリームが文字の読みやすさを保ちます。高級感を出すには未加工紙の質感やシンプルなセリフ体が好相性。使い方のポイント：クリームをメイン背景に使い、最も濃い色はロゴや主要なコピーに。

media.ioで生成されたシーダーハースの画像例

Media.io

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

今すぐ無料で試す

2）デザートクレイ

HEX： #6b4a3b #b06a4a #d8a27b #f4efe6 #3d2a23

雰囲気：日差しを受けた、職人風、温かみ

おすすめ用途：セラミックブランドのランディングページUI

日差しを浴びて手触りが良いパレットは、手捏ねの陶器や砂漠の光、埃っぽい小道を思わせます。落ち着いたテラコッタは親しみやすさを出し、ソフトなサンドニュートラルでバランス。写真に落ち着いたフレームが必要なライフスタイル系UIでも使いやすく、ボタンはしっかり目立ちます。使い方のポイント：CTAはテラコッタで、見出しは濃いブラウンでコントラストを。

media.ioで生成されたデザートクレイの画像例

3）アンティークレザー

HEX： #4a3326 #7a4f35 #a97a55 #e6d2bc #1f1714

雰囲気：伝統、洗練、クラシック

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

伝統的で洗練された色合いは、使い込まれたレザーや金縁、静かな図書室をイメージさせます。ミッドブラウンは信頼感と時代を超えた印象を与え、淡いパーチメントはタイトルを際立たせます。歴史小説や自伝、高級ノートブックなど、鮮やかな色よりも温かみが重視されるときにおすすめ。使い方のポイント：タイトルを一番明るい色でエンボスし、最も濃い色でクラシックなフレームを。

media.ioで生成されたアンティークレザーの画像例

4）フォレストアンバー

HEX： #4b3a2a #6a5b45 #8d7a5b #c7b99b #1d261f

雰囲気：土っぽい、静か、ナチュラル

おすすめ用途：アウトドアギアのブランディング

土っぽく静かなトーンは、森の土、樹皮、日陰の小道を思わせます。グリーンブラックはたくましい印象を加え、ブラウンが過剰に暖かくならないバランスを。アンバーの組み合わせの中でも特にロゴ・タグ・ワッペンに強いです。使い方のポイント：濃いグリーンブラックを小さな白字の背面に使い、ライトカーキはサブパネルに。

media.ioで生成されたフォレストアンバーの画像例

5）モカリネン

HEX： #5c4538 #8b6a58 #bda089 #f2eadf #3a2a24

雰囲気：ソフト、ミニマル、安心感

おすすめ用途：スキンケアパッケージ

柔らかくミニマルなパレットは、暖かいモカやリネン生地、やさしい朝の光を感じさせます。クリーミーなベースで清潔感を、ココア色で商品名や成分の強調に深みを加えます。信頼感が求められるウェルネスやスキンケアにぴったり。使い方のポイント：ほとんどの面はクリームにし、ミッドモカをアイコンに用いると重い印象になりません。

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

6）テラコッタインク

HEX： #5a3b2f #9b4f3c #d8a18a #f6f1ea #231a1a

雰囲気：大胆、エディトリアル、表現力

おすすめ用途：雑誌のエディトリアルレイアウト

大胆でエディトリアルな色は、粘土の顔料や印刷された見出し、現代アートのプリントをイメージさせます。黒に近い色が構成をシャープにし、テラコッタがページを引き締めます。ネオンに頼らず個性を出したい誌面におすすめ。使い方のポイント：テラコッタは引用文やセクションの見出し専用、本文は最も濃い色でクリアに。

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

7）ブラスウッド

HEX： #4f3727 #7b5b3a #b08a4f #e7d8b8 #2a201a

雰囲気：ヴィンテージ、洗練、自信

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

ヴィンテージでありながら磨き上げられた印象のパレットは、真鍮の金具や暗い木のバー、キャンドルのあるテーブルを思わせます。ゴールドトーンは明るい黄色になりすぎず、さりげなく高級感を添えます。メニューやワインリスト、ホスピタリティ系の印刷物で読みやすさを重視したい時に特におすすめ。使い方のポイント：ブラス色は区切りやアイコンに使い、見出しは最も濃いブラウンで階層を分かりやすく。

media.ioで生成されたブラスウッドの画像例

8）ココアサンド

HEX： #5b4030 #7d5b45 #a9876d #d7c2a6 #f3eadf

雰囲気：親しみやすい、温かい、入りやすい雰囲気

おすすめ用途：SNS投稿テンプレート

親しみやすく温かいトーンは、ココアの粉や海辺の砂、やわらかな影をイメージさせます。深いブラウンからクリームへのグラデーションで、レイアウトが重ねられる印象になり、余計なグラフィックが不要です。名言カードやプロモーション、カルーセルテンプレートなど、ブランドイメージを一定に保ちたいときに最適。使い方のポイント：テキストはクリームか淡いサンドに、濃いブラウンは強調ラインやバッジ用に限定します。

media.ioで生成されたココアサンドの画像例

9）ハーベストスパイス

HEX： #5a3523 #8f4f2f #c57d4a #e6b58a #f6eadc

雰囲気：秋らしい、活気、ウェルカム

おすすめ用途：季節のプロモーションポスター

秋らしくエネルギッシュなこのセットは、ローストスカッシュ、シナモン、そして午後遅くの日差しを呼び起こします。オレンジブラウンのスパイストーンが生き生きとしていますが、淡いクリーム色でデザインが重すぎないようにしています。これらのアンバーカラーの組み合わせは、季節のプロモーション、ファーマーズマーケット、カフェのスペシャルに最適です。使用法のヒント: 大きな見出しを濃い茶色に配置し、スパイスの色合いを強いコールアウト ステッカーの色として使用します。

media.ioを使って生成したハーベストスパイスの画像例

10) シエナ スレート

HEX：#5a3a2c #8f5d4c #b98c7a #c9cfd4 #2b2f33

雰囲気：モダン、バランスの取れた、ちょっとクール

おすすめ用途：ダッシュボードUI

モダンでバランスの取れたこれらのトーンは、暖かいシエナとクールなスレートをブレンドして、落ち着いたプロフェッショナルな雰囲気を醸し出しています。グレーは息抜きの余地を与え、ブラウンは素朴ではなく現代的に見えます。グラフとカードの微妙なコントラストが必要な分析ダッシュボードに使用してください。使用法のヒント: ナビゲーションには最も暗いスレートを、アクティブな状態にはシエナを予約して、ユーザーがすばやくスキャンできるようにします。

media.ioを使って生成したsienna slateの画像例

11) ピーカンクリーム

HEX：#614434 #8e6a55 #b9967f #e5d3c3 #fbf6ee

雰囲気：優しく、風通しがよく、心地よい

おすすめ用途：結婚式の招待状スイート

優しく風通しの良いこれらの色合いは、ピーカンの殻、ホイップクリーム、ソフトペーパーストックのような感触です。ライトニュートラルは繊細なタイポグラフィに最適ですが、濃い茶色はモノグラムに十分な構造を追加します。素朴でエレガントな結婚式にも、ミニマルな文房具にも適しています。使用法のヒント: メインテキストを最も濃い茶色で印刷し、ボーダーとオーナメントをミッドピーカンに保ち、より柔らかい仕上がりにします。

media.ioを使って生成したピーカンクリームの画像例

12) カッパーパイン

HEX：#4a3327 #7a4a3a #b8734f #3a4a3f #e9dccb

雰囲気：冒険的、職人的、アウトドア的

おすすめ用途：クラフトビールラベル

冒険的で職人技のこのミックスは、銅のやかん、松葉、クリーミーな泡を提案しています。グリーンはさわやかでアウトドア的なカウンターポイントを加え、ブラウンが混ざり合わないようにします。暖かさと鮮度の両方を求めるラベルや缶に適しています。使用法のヒント: フォーカル エンブレムに銅を使用し、読みやすくするためにテキスト ブロックを最も濃い茶色で研ぎます。

media.ioを使って生成した銅松の画像例

13) クルミの雾

HEX：#4d3a30 #6d584c #9a8578 #c9c0ba #f0ece8

雰囲気：静か、現代的、ニュートラル

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

静かで現代的なこれらのクルミと霧のニュートラルは、柔らかいテキスタイル、マットなセラミック、曇りの窓の光を呼び起こします。トープと温かみのあるグレーがブラウンと橋渡しし、セット全体がモダンで柔軟に感じられます。落ち着いたまとまりが必要なインテリア、ルックブック、ブランドデッキには、簡単なアンバーの配色です。使い方のヒント: 淡い霧のトーンを支配し、リズムを作るためにウォールナットのアクセントを小さく繰り返し可能なタッチで重ねます。

media.ioを使って生成したウォルナットフォグの画像例

14) セピアブルーム

HEX：#5a3e32 #8a5f52 #c59a8a #e8d2c7 #f7f1eb

雰囲気：ロマンチック、ノスタルジック、ソフト

おすすめ用途：ボタニカル水彩画イラスト

ロマンチックでノスタルジックなこれらのセピアトーンは、プレスされた花びら、古い写真、水彩画のウォッシュのように感じます。ブラッシュブラウンのミッドトーンがピンクに変わらず暖かさをプラスし、花柄を洗練された状態に保ちます。ボタニカル プリント、ジャーナリング ページ、優しいブランド アート ディレクションに使用してください。使用法のヒント: 最初に最も軽い洗浄で広い領域をペイントし、次に茎と影のために深いセピアで深さを構築します。

media.ioを使って生成したセピアブルームの画像例

15) クレイストーン モダン

HEX：#553a2f #775549 #a37a6a #d9c7bf #2f2b2a

雰囲気：アーキテクチュアル、モダン、グランド

おすすめ用途：ブランドスタイルガイド

建築的で接地されたこれらの色は、粘土石膏、石のカウンター、木炭のディテールを思い起こさせます。ダークニュートラルはレイアウトをシャープに保ち、ミュートなクレイミッドトーンは大きなブロックでエレガントなままです。これは、自信を持って最新のものに見える必要があるスタイルガイドのためのスマートなアンバーカラーパレットの選択肢です。使用法のヒント: ブランドのメイントーンとしてミッドトーンを 1 つ割り当て、広々としたページの背景には最も明るい色合いを使用します。

media.ioを使って生成したclaystone modernの画像例

16) トフィーノワール

HEX：#3b261f #6a3f30 #a06344 #d2a17e #f4e6d8

雰囲気：ムーディー、高級感、ハイコントラスト

おすすめ用途：香水製品広告

ムーディーで豪華なこのセットは、ダークチョコレート、トフィーグレーズ、ベルベットシャドウのように読みます。ノワールとクリームのコントラストが高く、プロダクトメッセージングがプレミアムで決定的に感じられます。光沢のある広告、ヒーローバナー、ドラマが製品を目立たせるパッケージに使用してください。使用法のヒント: 背景を深く保ち、クリームでボトルのシルエットとキーテキストを強調します。

media.ioを使って生成したトフィーノワールの画像例

17) キャニオン纸

HEX：#5e3d2c #8b5c43 #b9835f #e0c2a8 #f7efe6

雰囲気：日当たり、自然、手作り

おすすめ用途：チラシデザイン

日当たりが良く手作りされたこれらのキャニオンシェードは、手作りの紙、砂岩、暖かいほこりのように感じます。ミッドトーンは大胆なヘッダーに十分な強度があり、淡いベースは全体的な外観を軽く保ちます。コミュニティのチラシ、ワークショップ、親しみやすい暖かさが必要な地元のイベントに最適です。使用法のヒント: 本文のテキストには最も濃い茶色を使用し、日付と場所のハイライトにはテラコッタのミッドトーンを使用します。

media.ioを使って生成したキャニオンペーパーの画像例

18) 樹皮とバター

HEX：#4a3426 #6d4c35 #9a6f4a #e7d6b5 #fff6e6

雰囲気：健康的で、居心地が良く、魅力的です

おすすめ用途：ベーカリーのロゴとパッケージ

健康的で居心地の良いこれらの色は、トーストしたクラスト、茶色のバター、クラフト紙の袋を思い起こさせます。バターのようなライトトーンがセットを明るくするので、重くなくフレンドリーな状態を保ちます。ベーカリーマーク、ステッカーシール、小箱包装に最適です。使用法のヒント: ロゴを最も暗い樹皮の色調に設定し、バターをマイナススペースとして使用して、小さなサイズでマークを鮮明に保ちます。

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

19) アンバー氷河

HEX：#5a3f33 #7b5f54 #a08a84 #c7d3dc #f3f7f9

雰囲気：新鮮、抑制された、現代的な

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

フレッシュで抑制されたこのペアリングは、氷のような朝の空気に暖かい石のように感じられます。クールなブルーグレーは茶色をさわやかに感じさせ、デジタルデザインをモダンですっきりと見せるのに役立ちます。アプリのアンバーカラーの組み合わせには、重くてヴィンテージな雰囲気なく暖かさが欲しいときに最適です。使用法のヒント: イラストを柔らかい青とグレーの範囲に配置し、主要なアクションとステップのタイトルには最も濃い茶色を予約します。

media.ioを使って生成したアンバー氷河の画像例

20) カカオチェリー

HEX：#3f2722 #6b3a33 #8f4a3f #b77a6f #f1e3dc

雰囲気：豊か、ロマンチック、ドラマチック

おすすめ用途：アーティザンチョコレートバーパッケージ

リッチでロマンチックなこのミックスは、カカオニブ、チェリーノート、ダークグロッシーラッパーを提案しています。バラ色のブラウンが官能的なアクセントを加え、セットが純粋にニュートラルに感じないようにします。暖かさと食欲を求めるグルメ食品パッケージのための強いアンバーカラーパレットの方向です。使用法のヒント: ラッパーのベースを最も暗いトーンにし、成分パネルとバーコード領域には淡いクリームを使用します。

media.ioを使って生成したカカオチェリーの画像例

21) ミュージアムアース

HEX：#4b3528 #6f4f3a #9b7859 #c7b29d #ece3d6

雰囲気：キュレーションされた、知的、時代を超越した

おすすめ用途：博物館展示ポスター

キュレーションされた時代を超越したこれらのアーストーンは、アーカイブプリント、彫刻された木のフレーム、ギャラリーの壁を思い出させます。暗闇から明るさへの抑制された進行により、タイポグラフィやアートワークのキャプションが配慮されているように感じられます。洗練さが重要な文化ポスター、トーク シリーズ、アイデンティティ システムに使用してください。使用法のヒント: 画像を最も明るいニュートラルで額装し、セクションバンドとしてミッドブラウンを使用して目を誘導します。

media.ioを使って生成したミュージアムアースの画像例

アンバーと相性の良い色は？

アンバーは、クリーミーな白、羊皮紙、温かみのあるグレーと美しくマッチします。これらはレイアウトを風通しの良いものに保ちながら、茶色を重いものではなく豊かなものとして読み取ることができます。これは、明確さが必要なブランディングとパッケージングの最も安全な方向性です。

コントラストを高めるには、クールなスレート、ブルーグレー、またはグリーンブラックのトーンを追加してパレットをモダンにします。暖かさと食欲をそそりたい場合は、テラコッタ、銅、または落ち着いたスパイスオレンジをアクセントに持ってきてください。

アンバーはまた、柔らかいチークブラウンとダスティローズの色合いを使用して、ロマンチックで編集的な外観を実現しています。特にイラスト、文房具、ライフスタイル写真のトリートメントです。

アンバーカラーパレットを実際のデザインで使う方法

メインの背景 (クリーム、フォグ、パーチメント) としてライト ニュートラルから始めて、ヘッダー、フレーム、および主要な UI コンポーネントに umber を使用します。これにより、ミッドブラウンがすべての表面を支配すると発生する可能性のある「泥だらけ」の影響が回避されます。

1つのアクセントカラー(テラコッタ、真鍮ゴールド、スレート、またはパイン)を選択し、CTA、アイコン、またはセクションマーカー用に予約します。アクセントを一貫して保つことで、全体的なアンバーの配色が意図的に感じられ、フォーマット全体でスケーラブルになります。

印刷の場合、アンバーはクラフトやコーティングされていない紙などのテクスチャードのあるストックに輝きます。デジタルの場合は、アクセシビリティと鮮明な読みやすさを維持するために、コントラストをわずかに増やします (テキストが暗くなり、背景が明るくなります)。

AIでアンバーパレットのビジュアルを生成する

すでに 16 進コードをお持ちの場合は、製品やレイアウト (パッケージ、UI、ポスターなど) を説明し、居心地の良い、モダンな、編集的な、アウトドア的な雰囲気を呼び出すことで、まとまりのあるモックアップに変えることができます。

各パレットの下に含まれているプロンプトを出発点として使用し、照明と構図のメモを保持しながら、件名 (例: 「コーヒー バッグ」と「キャンドル ラベル」) を入れ替えて一貫した結果を得ることができます。

複数のバリエーションを生成し、最も強力な構成を選択し、アセット全体で同じパレットを再利用して、ブランドシステムを視覚的に統一します。

次へ： ライブラリカラーパレット