タウニー系カラー配色アイデア20選｜HEXコード付き

トーニーは、タン、テラコッタ、キャラメルの間に位置する暖かいオレンジブラウンのニュートラルカラーです。デジタルや印刷デザインに瞬時に温かみと自然で落ち着いた雰囲気をもたらします。

以下に、HEXコード付きの20種類のトーニーカラーパレットアイディアと、実用的な使い方のヒント、AIプロンプトを掲載しています。ご自身のビジュアルにも活用できます。

トーニーパレットが効果的な理由

トーニーパレットは人間味があり馴染みやすい印象を与えます。それは木材やレザー、粘土、日差しで照らされた石といった実物の素材を想起させるからです。この「自然」イメージによって、デザインが信頼でき、丁寧で温かい印象になります。

また、トーニーはバランスを取りやすく、温かみを加えつつ、チャコールやスレート、ブルーグレーを使えば構造と読みやすさを出せます。このため、個性と明快さどちらも必要なブランディングシステムに特に効果的です。

さらに、トーニーは様々な美学に対応します。モダンなミニマルUIからラスティックなパッケージまで、サポートとなるニュートラル（クリームやトープ）やクールなアクセント（セージ、ティール、ネイビー）を調整することで簡単に印象を変えられます。

20以上のトーニーカラーパレットアイディア（HEXコード付き）

1）シダー スパイス

HEX： #C46A2A #F2E6D8 #2F2A26 #A2B9A7 #D4A373

雰囲気： 落ち着き、アウトドア、職人風

おすすめ用途： ラスティックなブランドアイデンティティや商品ラベル

落ち着きとアウトドア感があり、シダーの板、暖かいスパイス、陽光のキャンバスを思わせるこの組み合わせは、クラフトブランドやファームトゥテーブルのパッケージ、暖かみが重要な伝統的なロゴに最適です。トーニーを核にディープチャコールを文字に組み合わせ、セージをアクセントで柔らかく仕上げましょう。使い方のコツ：背景はライトクリームを中心にして重さを避けます。

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

Media.io

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

無料で今すぐ試す

2）シエナ リネン

HEX： #B85C2B #FAF3EA #7B6A58 #D9C7B8 #3E4A59

雰囲気：雰囲気：穏やか・軽やか・上品

おすすめ用途：ライフスタイルブログやミニマルなウェブサイト

穏やかで軽やかなトーンは、リネンのカーテン、柔らかい朝の光、整然としたスタジオデスクを思い起こさせます。温かいシエナは、淡いオフホワイトと組み合わせると、優しく歓迎する印象で強すぎません。ナビゲーションやフッターにはスレートブルーグレーを使ってレイアウトを引き締めます。使い方のコツ：トープはサブテキストや区切り線に使い、ページ全体を軽やかに保ちましょう。

media.ioで生成されたシエナリネンの画像例

3）コッパー ダスク

HEX： #C05A2C #1F2430 #F0D6C1 #7C3F2A #B8A89A

雰囲気：雰囲気：ムーディー・シネマティック・大胆

おすすめ用途：アルバムアート・ゲームグラフィック・ヒローバナー

ムーディーでシネマティックなこのパレットは、コッパーの光が夜空に溶けていく様子を思わせます。トーニーカラーの組み合わせは、ヒローセクションやカバーアートに印象的なドラマをすぐに加えます。背景にはディープネイビーを用い、ヘッドラインやボタンには暖かいコッパーを。使い方のコツ：ハイライトはペールピーチでコントラストと読みやすさを維持しましょう。

media.ioで生成されたコッパーダスクの画像例

4）デザート アドビ

HEX： #CC6B2C #E9D2BE #8C7A6B #5B6D5B #2B2A28

雰囲気：雰囲気：日焼け、アースカラー、自然

おすすめ用途：南西部インテリアや旅行コンテンツ

日焼けしたアースカラーのトーンは、アドビ壁、乾いた草、夕方の暑さを思わせます。控えめなグリーンが温かみをオレンジ寄りになり過ぎないよう調整し、旅行ガイドやインテリアのムードボードに最適です。チャコールとサンドトーンを組み合わせれば、力強くモダンなキャプションに。使い方のコツ：ウォームタンは大きな面積に、ダークブラウンは小さなポイントに使ってバランスを取りましょう。

media.ioで生成されたデザートアドビの画像例

5）メープル ハース

HEX： #B65A2E #F7EFE6 #6B3E2E #C9B8A7 #3A3F44

雰囲気：雰囲気：居心地良さ、家庭的、クラシック

おすすめ用途：料理本、カフェ、季節キャンペーン

居心地の良い家庭的なセットは、メープルシロップ、トーストされたパン、パチパチと燃える炉を感じさせます。メニュー、レシピカード、カフェブランドで心地よさを演出できます。温かいブラウンはコールグレーと組み合わせてモダンな文字やアイコンに。使い方のコツ：もっとも深いブラウンはヘッドラインのみに使い、レイアウトが重くなり過ぎないように。

media.ioで生成されたメープルハースの画像例

6）ラスティック オーチャード

HEX： #C96A2F #FFF1E0 #7A8B5A #4B3A2F #E3B77B

雰囲気：雰囲気：新鮮、収穫、誘い

おすすめ用途：農業市場や食品パッケージ

新鮮で誘われるカラーは、果樹園の散歩、りんごの皮、収穫の光を表現します。暖かいコアカラーは葉のグリーンと自然に調和し、オーガニック食品や農業市場の看板にぴったり。クリーミーなオフホワイトは清潔なラベルに、ゴールデンアクセントは「新商品」「季節限定」などの目立たせたい部分に。使い方のコツ：印刷時はグリーンが蛍光色にならないよう必ずテストしましょう。

media.ioで生成されたラスティックオーチャードの画像例

7）テラコッタ ミスト

HEX： #C36B3C #E7E3DE #8E8A85 #5A6F73 #2E2D2B

雰囲気：雰囲気：ソフト、モダン、控えめ

おすすめ用途：ウェルネスアプリや落ち着いたランディングページ

ソフトでモダンなこの組み合わせは、霧に包まれたテラコッタと冷たい石を感じさせます。強いオレンジより穏やかな暖かさが必要なウェルネスブランド向き。ミュートティールとクレイトーンを組み合わせて、控えめなハイライトや区切りに。使い方のコツ：ほぼ黒のカラーは大事なテキストだけに使い、全体の雰囲気を優しく保ちましょう。

media.ioで生成されたテラコッタミストの画像例

8）ゴールデン タバコ

HEX： #B96A2E #F3E0C8 #D2A24C #4A3329 #2D4C4A

雰囲気：雰囲気：ヴィンテージ、ラグジュアリー、暖かい

おすすめ用途：プレミアムなパッケージやバーのメニュー

ヴィンテージでラグジュアリーなトーンが、年季の入ったレザーや磨かれた真鍮、昔のスピークイージーバーを想起させます。ゴールデンアクセントはカクテルメニューや高級商品パッケージにプレミアム感を与えます。レイアウトはディープブラウンで締め、ティールのアクセントで意外性と上品さをプラス。使い方のコツ：ゴールドは細部やアイコンのみに使い、箔らしく仕上げてフラットイエローにならないように。

media.ioで生成されたゴールデンタバコの画像例

9）キャニオン クレイ

HEX： #C76A3A #EEDCCB #6E5B4E #2A3B47 #A45E3B

雰囲気：雰囲気：冒険的、タフ、バランス

おすすめ用途：アウトドアブランドや旅行ガイド

冒険的でタフなこのパレットは、キャニオンの尾根と暗く澄んだ空を思わせます。アウトドアブランドで暖かさと自信を持ったクールアンカーを加えたいときに活躍します。ヘッダーにはネイビーティール、長文にはサンドを使い、読みやすさを確保。使い方のコツ：2つのクレイトーンはグラデーションで重ね、余計な色を追加せず深みを演出しましょう。

media.ioで生成されたキャニオンクレイの画像例

10) カラメルインク

HEX： #B85D33 #1D1E22 #F5E2CF #7E6A5E #C7A27A

雰囲気： スリーク、暖かい、ハイコントラスト

おすすめ用途： ECサイトや商品ランディングページ

スリークで暖かみのあるこれらのカラーは、濃いローストコーヒーにカラメルをかけたような印象です。ほぼ黒に近い色が暖色を際立たせ、強い階層を必要とする商品ページに最適です。淡いクリームとカラメルをセクションやカードに組み合わせ、次にトープをセカンダリーUI要素に使いましょう。使い方のコツ：ボタンはトーニー系の色にし、黒はテキスト専用に使うと明瞭性を保てます。

media.ioで生成されたカラメルインクの画像例

11) ウォームミニマルUI

HEX： #C86B35 #FFF7EF #30343B #B9C2C9 #E1B089

雰囲気： クリーン、親しみやすい、モダン

おすすめ用途： SaaSダッシュボードやモバイルファーストWebアプリ

クリーンで親しみやすいこのトーンは、暖かい木材と柔らかな紙でよく照らされたワークスペースを連想させます。UIのためのトーニーカラーパレットとして、使いやすく現代的な雰囲気を保ちます。主な面にはオフホワイトを、文字にはチャコールを、主要アクションにはウォームアクセントを使いましょう。使い方のコツ：淡いピーチはホバーステートやさりげないハイライトに使うと、体験が動的になりつつもゴチャゴチャしません。

media.ioで生成されたウォームミニマルUIの画像例

12) オータムインバイト

HEX： #C05F2C #FDF4EB #7C4A33 #C9A46A #2F2B2A

雰囲気： ロマンチック、季節感、エレガント

おすすめ用途： 秋の結婚式やイベント招待状

ロマンチックで季節感のあるこのセットは、ドライフラワー、キャンドルライト、澄んだ夜を思わせます。暖かいオレンジブラウンとゴールドで、田舎っぽくなりすぎず洗練されたムードを作れます。クリーム背景と深みのあるブラウンで文字を、ゴールドで枠線やモノグラムを作りましょう。使い方のコツ：余白をたっぷり取ることで、ダークな色調も重くならず上品さを保てます。

media.ioで生成されたオータムインバイトの画像例

13) カフェパッケージ

HEX： #B75A2A #F2E7DA #4B3427 #A67C52 #3F5A4D

雰囲気： 職人風、居心地良い、オーガニック

おすすめ用途： コーヒーバッグやベーカリーパッケージ

職人風でぬくもりのある配色は、木製の棚や焼き立てのペストリーのある小さなカフェを連想させます。濃いブラウンとクリーミーベージュは手作り感を即座に演出し、グリーンを加えることでナチュラルな雰囲気になります。主なラベルにはトーニーとベージュを組み合わせ、スタンプや原材料表示には濃いブラウンを。使い方のコツ：グリーンは小さなシールやアイコン程度に控えめに使い、暖かいコアカラーとの競合を避けましょう。

media.ioで生成されたカフェパッケージの画像例

14) ヴィンテージエディトリアル

HEX： #C56A33 #F6F0E7 #2B2B2A #7B7A74 #D7B48A

雰囲気： タイムレス、エディトリアル、洗練された

おすすめ用途： 雑誌、ルックブック、長文リード記事

時代を超えて洗練されたこのセットは、本のページやインク、暖かなスタジオ照明を思わせます。可読性とトーンの両立が必要なエディトリアルレイアウトに最適です。暖色アクセントとチャコールの見出し、本文はソフトな紙のようなホワイトでまとめましょう。使い方のコツ：淡いグレーをルールやキャプションに使うことで強いコントラストなしに構造が作れます。

media.ioで生成されたヴィンテージエディトリアルの画像例

15) ボタニカルハーベスト

HEX： #C66A2F #F4E9D8 #6D7B4D #B6A37E #3B322B

雰囲気： ナチュラル、健康的、手描き風

おすすめ用途： 植物イラストやエコブランド

ナチュラルで健康的なこの配色は、押し花や種子、窓辺の素焼き鉢を思わせます。くすんだオリーブグリーンで全体の暖かさを引き締め、エコパッケージや植物画にピッタリです。クリーミーなベースに濃いブラウンの線を組み合わせて手描き感を演出しましょう。使い方のコツ：ウォームタンで水彩テクスチャを加えると、カラーパレットを変えずに自然なバリエーションが生まれます。

media.ioで生成されたボタニカルハーベストの画像例

16) サンセットレザー

HEX： #B45A2D #F0D3B8 #6A2E23 #284B63 #D9A36E

雰囲気： 冒険的、高級感、タフ

おすすめ用途： アウトドアギア広告・ライフスタイルブランディング

冒険的で高級感があり、夕日の中のレザーと遠くの冷たい海風を思わせます。温かみと自信のあるブルーアクセントで、バランスと信頼感が求められるライフスタイルブランドにも向いています。暖色とダークティールを組み合わせるとレイアウトに調和と信頼感が生まれます。使い方のコツ：淡いピーチは余白として使い、特に商品画像や見出しの周囲で息抜き感を出しましょう。

media.ioで生成されたサンセットレザーの画像例

17) クレイ＆シーフォーム

HEX： #C46A34 #EDE2D5 #8AB5A1 #3E3F44 #A57A5A

雰囲気： フレッシュ、バランス、現代的

おすすめ用途： モダンなホームブランドやSNSテンプレート

フレッシュでバランスの良い配色は、クレイポットリーと海辺の波打ち際を連想させます。クールなグリーンが暖かいブラウンを引き立て、モダンなコントラストも手軽に実現。チャコールのテキストと淡いニュートラルな背景を組み合わせるとクリーンな投稿やカルーセルに。使い方のコツ：シーフォームはアイコンやハイライトのアクセントにとどめ、鮮度と現代感を維持しましょう。

media.ioで生成されたクレイ＆シーフォームの画像例

18) スパイスドチョコレート

HEX： #A8512A #F3D8C2 #3A2720 #8E6B4D #C8B2A3

雰囲気： 濃厚、居心地よい、贅沢

おすすめ用途： チョコレートブランドやデザートメニュー

濃厚で贅沢なこの配色は、スパイス入りココアや暖かいペストリー、居心地良いコーナーブースを思わせます。深いチョコレート色が暖色をラグジュアリーに引き立て、オレンジ感が抑えられます。淡いブラッシュベージュとダークテキストを組み合わせてメニュー表示に、トーニー系アクセントは値段や注目アイテムに使いましょう。使い方のコツ：ごく控えめなグレインや紙の質感を加えると手作りっぽさがアップします。

media.ioで生成されたスパイスドチョコレートの画像例

19) フェスティバルポスター

HEX： #C8632E #FFE9D2 #2E4057 #F2C14E #1F1D1B

雰囲気： エネルギッシュ、遊び心、大胆

おすすめ用途： イベントポスターやプロモグラフィック

エネルギッシュで大胆なこのパレットは、街灯やライブ演奏、深夜の高揚感を連想させます。トーニー系の色は濃紺と明るいゴールドの組み合わせによく合います。背景は暖かいクリームにして可読性を確保、ゴールドはバッジや日付の強調に。使い方のコツ：ほぼ黒の色は小さなディテール専用に、ポスター全体が重くなりすぎないよう注意しましょう。

media.ioで生成されたフェスティバルポスターの画像例

20) モダンラスティックインテリア

HEX： #BF6330 #F8EDE2 #5A463A #9AA17A #24323A

雰囲気： ウェルカミング、モダンラスティック、落ち着く

おすすめ用途： インテリアデザインのムードボードや不動産ステージング

ウェルカミングで落ち着くこのトーンは、暖かい漆喰の壁、自然の木材、木陰を思わせます。くすんだオリーブグリーンが生活感を出し、暖色が単調になりません。ライトニュートラルと濃紺グレーを見出しや要所に使うことでモダンなエッジが効きます。使い方のコツ：トーニー色をクッションやフレームなど小物で何度もリピートし、空間全体をまとめましょう。

media.ioで生成されたモダンラスティックインテリアの画像例

トーニーと相性の良いカラーは？

トーニーは、クリームやオフホワイト、サンドなど明るいニュートラルと自然に調和します。これらは温かみを維持しながら、デザインを重くさせません。背景やエディトリアルレイアウト、パッケージには定番の組み合わせです。

コントラストと可読性を高めるには、チャコールやブラックに近い色、エスプレッソブラウン、ブルーグレーなどのダークな色も加えましょう。よりフレッシュで現代的にしたい場合は、くすみグリーン（セージ・オリーブ）や、ティールやダークネイビーなどクールな色をアクセントに。

金属風アクセントとも好相性。暖かみのあるゴールドやブラスは、アイコンや枠線、小さなコールアウトに控えめに使うことでトーニーの高級感を引き出せます。

トーニーカラーパレットを実際のデザインで活用する方法

まず役割ごとのカラープランを作るのがコツです：明るいニュートラルを主背景に、チャコールやダークブラウンでテキスト、トーニーはブランドの主なアクセント（ボタンやハイライト、キーイラスト）に。これでアクセシビリティと階層が安定します。

ブランディングでは、トーニーは紙やクラフトパッケージ、商品ラベルで手作り感やヘリテージ感を強調できます。WebやUIでは、トーニーとクールグレーやスレートのナビゲーションバーを組み合わせることで、全体が暖かくなりすぎるのを防げます。

深みを出すには、トーニーと近いアースカラー（クレイ、カラメル、テラコッタなど）をグラデーションやごく控えめな影に重ねましょう。最もクールなアクセント（ティール・オリーブ）は「注目」シーン（バッジやアクティブ状態）だけに限定して。

AIでトーニーパレットのビジュアルを作成

トーニーパレットが実際のシーンでどう見えるかを確認したい場合は（ラベル、ヒーローバナー、インテリア、UIモックアップなど）、テキストプロンプトから簡易的なイメージを生成してみましょう。制作前にムードやコントラスト、ブランド方向性を手早く検証できます。

上記各パレット下のプロンプトを使い、題材だけ（パッケージ・ランディングページ・ポスターなど）変更しつつ暖色ニュートラルの雰囲気はそのままに。ライティング（ソフトな自然光やシネマ風など）の違いも試して、コアカラーを変えず使い分けることもできます。

ビジュアルが決まったら、ムードボードや関係者レビュー・最終デザインの参考資料としてエクスポートしましょう。

次へ： アッシュグレーのカラーパレット