トスカーナレッドは、アースカラーのテラコッタと深みのあるワインの間の絶妙なバランスに位置し、温かみがあり親しみやすく、現代的なレイアウトでも高級感を演出します。
以下は、厳選したトスカーナレッドのカラーパレットアイデア(HEXコード付き)と、ブランディング、インテリア、印刷、UIでの実用的な組み合わせのコツです。
この記事の内容
トスカーナレッドパレットがうまく機能する理由
トスカーナレッドは本質的に表現力豊かな色です。温かみのあるニュートラルと組み合わせればラスティックで日差しを浴びた雰囲気に、チャコールやほぼ黒と合わせればムーディでラグジュアリーな印象に。こうした柔軟性により、ブランディングやパッケージ、デジタルデザインの「主役カラー」として信頼できます。
アースレッドを基調としているため、クリーム、タン、ウッドブラウン、オリーブ、控えめなブラッシュなど、インテリアやライフスタイルのビジュアルで馴染みある色と簡単に調和します。その結果、平坦にならず一体感のあるパレットに仕上がります。
UIでも、トスカーナレッドは彩度を抑えた状態でも存在感があり、アクセントカラーとして優れています。落ち着いた編集的なインターフェースを保ちつつ、ボタンやタグ、アクティブステートには自信を感じさせる温かさをプラスできます。
20種以上のトスカーナレッドカラーパレットアイデア(HEXコード付き)
1)焼き上げられたヴィラ

HEX: #7B2D2D #C26A5A #E6D3C1 #8A7D5A #2F2A26
雰囲気: ラスティック、ウェルカミング、日差しを浴びた温もり
最適な用途: 地中海レストランのブランディング
ラスティックで温かいこの組み合わせは、テラコッタの壁、リネンのナプキン、午後遅くの日差しを連想させます。濃い赤をロゴやヘッダー、看板のメインカラーに使い、クリームやサンドカラーで広い面積を柔らかく演出。オリーブタンがパレットを引き締め、甘くなりすぎるのを防ぎます。ポイント:温かみのあるオフホワイト紙にメニューを印刷すると、彩度を上げず赤の深みを引き立てます。
media.ioで生成した「焼き上げられたヴィラ」の画像例
Media.ioは、ブラウザで動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2)オリーブの中庭

HEX: #7A3030 #A85A48 #6C7A3B #F2E8DD #3B3A34
雰囲気: アーシー、落ち着き、ガーデンフレッシュ
最適な用途: ファームトゥテーブルのウェブサイトデザイン
アーシーで落ち着きある色合いは、日陰の中庭やハーブプランター、雨上がりの石畳を感じさせます。レッドとオリーブはナビゲーションやボタンで組み合わせ、背景には温かいクリームで開放感を演出。チャコールはテキストのコントラストとアクセシビリティに役立ちます。ポイント:オリーブをセカンダリーアクションカラーにし、レッドは重要なコールトゥアクション用に温存しましょう。
media.ioで生成した「オリーブの中庭」の画像例
3)キアンティの夕べ

HEX: #6B2428 #9C3B3A #D9B08C #F5EFE7 #1F1A1A
雰囲気: ムーディー、親密、エレガント
最適な用途: ワインバーメニューとポスター
ムーディーで親密な雰囲気は、ろうそくの灯、年月を経た木材、ゆっくり注がれる赤ワインのよう。ほぼ黒に近いカラーとクリーミーペーパーのコントラストが、タイポグラフィに高級感と可読性をもたらします。このようなトスカーナレッドパレットでは、大きなクリームマージンを使い、レッドは見出しやシール、小さなイラストに。ポイント:背景に微細なグレインを加え、印刷物上で温かみのあるニュートラルが平坦にならないようにしましょう。
media.ioで生成した「キアンティの夕べ」の画像例
4)クレイとリネン

HEX: #7E3432 #B56A52 #EADCCF #C7B8A6 #4A3A33
雰囲気: ソフト、ナチュラル、触覚的
最適な用途: インテリアムードボード&スタイリング
ソフトで触覚的なこれらの色調は、手作りの陶器や織られたリネン、日焼けした漆喰を連想させます。温かみのあるニュートラルは壁や広い面に使い、レッドはクッション、アート、アクセントチェアに。ブラウンはウッドトーンをしっかり支え、空間に一体感を残します。ポイント:金属パーツはブラッシュドブロンズなどマットな質感で、パレットに落ち着きをもたらしましょう。
media.ioで生成した「クレイとリネン」の画像例
5)ローズウッドミニマル

HEX: #742A2D #A24A43 #F7F0E8 #D3C6BB #2B2B2E
雰囲気: クリーン、モダン、静かに大胆
最適な用途: ポートフォリオウェブサイトUI
クリーンでモダン、まるでギャラリーの壁にかかる一枚のローズウッドフレームのように目を引きます。オフホワイトと暖色グレーでレイアウトにゆとりを持たせ、深い赤は重要なリンクやホバーステートに控えめに使用。ほぼ黒の色は本文やアイコンに最適です。ポイント:赤の割合は画面の10~15%程度に抑え、ミニマルなリズムを保ちましょう。
media.ioで生成した「ローズウッドミニマル」の画像例
6)アンティークカッパー

HEX: #7C2F2E #B24D3B #C88A5D #F3E6D8 #3E2A22
雰囲気: ビンテージ、クラフト感、温かみ
最適な用途: アーティザンソープのパッケージ
ビンテージでクラフト感あふれるセットは、銅製の調理器具やスパイスマーケット、手押しのラベルのよう。クリームはラベルの土台に、レッドや銅色はシールやボーダー、成分強調部分にレイヤーして使いましょう。濃いブラウンがタイポグラフィをしっかりと読みやすく支えます。ポイント:最も濃いレッドをクラフト紙にエンボス加工すれば、上質なハンドメイド感が生まれます。
media.ioで生成した「アンティークカッパー」の画像例
7)テラコッタブリーズ

HEX: #833538 #D07A62 #F8F1E9 #D7A9A0 #5B4D4C
雰囲気: ロマンチック、開放感、陽だまり
最適な用途: サマーウェディング招待状セット
ロマンチックで陽だまりにあふれたこれらの色合いは、暖かいテラコッタ屋根に映えるブラッシュフローラルを思わせます。ペーパーや余白にアイボリーを主役に、レッドでモノグラム、ボーダー、RSVPのアクセントを。ダスティーローズが柔らかな移行と写真映えをサポート。ポイント:本文には温かいグレーのインクを使うとパレット全体がやさしく洗練されます。
media.ioで生成した「テラコッタブリーズ」の画像例
8)ダスティーメルローUI

HEX: #6F2A2F #A55A5A #E9DED5 #B7A79D #232225
雰囲気: 落ち着き、大人っぽさ、ユーザー重視
最適な用途: ファイナンスダッシュボードUI
落ち着きと成熟を感じさせるパレットは、レザージャーナルや静かな自信がイメージソースです。パネルやチャートには明るいニュートラルを、メルロー系はハイライトや選択状態、強調すべき警告用に予約。控えめなトープはサブテキストを支えつつ、決してぼやけません。ポイント:ディープレッドと細いラインのアイコンを組み合わせると、シャープでプロフェッショナルなインターフェースに。
media.ioで生成した「ダスティーメルローUI」の画像例
9)サフランアクセント

HEX: #7A2E2F #B44B48 #E2B84C #F6EBDD #3A3030
雰囲気: 大胆、フェスティブ、エネルギッシュ
最適な用途: フードフェスティバル用チラシ
大胆で華やか、スパイスの瓶、ストリートバナー、そしてジューッと音を立てるグリルを思い出させます。ヘッドラインやアイコンにはサフランイエローを使い、ブロックや仕切りには深い赤をベースとして配置しましょう。クリーム色はレイアウトに余裕を持たせ、暖かみのある色が食欲をそそる雰囲気を保ちます。コツ:サフラン色は各セクションで1~2つの要素に限定して、視覚的なノイズを避けてください。
media.ioで生成されたサフランアクセントの画像例
10)オータムライブラリー

HEX: #72292C #A1483E #C8A27A #EFE4D7 #2A1F1B
雰囲気:居心地よく、知的で、ノスタルジック
最適な用途:ブックカバーのデザイン
居心地良くノスタルジックな色合いは、使い込まれた本の背、キャラメル色の紙、静かな読書コーナーを想起させます。深い赤はタイトルブロックにぴったりで、クリーム色とパーチメント色が表紙を親しみやすくします。暖かいタン色は装飾的なボーダーや微妙なテクスチャオーバーレイにおすすめです。コツ:暗いブラウンで高コントラストの文字組みにすると、テクスチャ背景でも小さな文字が読みやすくなります。
media.ioで生成されたオータムライブラリーの画像例
11)デザートワイナリー

HEX: #7F2F33 #C46855 #E0C6A8 #FAF2E8 #4B3B2F
雰囲気:暖かく、広がりがあり、旅行にぴったり
最適な用途:ワインツアーランディングページ
暖かく広がりのある雰囲気は、埃っぽい道、ブドウ畑の列、陽射しが差し込むテイスティングルームをイメージさせます。アイボリーやサンドでページを明るく演出し、赤色はプライマリボタンやセクション見出しに使いましょう。ココアブラウンがフッターや細かい文字に深みを与えます。コツ:珊瑚色で限定席や週末スペシャルなどのバッジを作ると、強調しつつ大げさになりません。
media.ioで生成されたデザートワイナリーの画像例
12)モカトリュフ

HEX: #6E262A #8C3A34 #B07C5A #EAD8C6 #2D1E1A
雰囲気:濃厚で贅沢、親密な雰囲気
最適な用途:チョコレート商品の広告
濃厚で贅沢な配色は、カカオパウダー、ベルベットリボン、濃いトリュフの一口を連想します。ほぼブラックで背景に深みを出し、暖かいベージュで商品ハイライトを際立たせましょう。赤系はシールやリボン、コールアウトのアクセントとして最適です。コツ:商品背後に柔らかなスポットライトグラデーションを加えると、深い色調が重たくならず高級感を演出できます。
media.ioで生成されたモカトリュフの画像例
13)ブラッシュストーン

HEX: #7D3334 #B85E59 #E6C0B9 #F7EEE6 #6B5B55
雰囲気:穏やかでロマンチック、モダンクラシック
最適な用途:ブライダルシャワー招待状
穏やかでロマンチックな配色は、淡い石の上のバラの花びらと暖かな輝きを表現します。トスカンレッドの組み合わせですが、アイボリーを主体にすれば柔らかい印象を保てます。赤はイニシャルや細かいモチーフに使いましょう。控えめなトープはサブテキストや会場詳細に最適です。コツ:最も濃い赤で細い枠線を加えると、レイアウトを引き締めつつ強調しすぎません。
media.ioで生成されたブラッシュストーンの画像例
14)ハース&チャコール

HEX: #6D2B2E #A24C45 #D2B9A7 #F4ECE3 #1F1E20
雰囲気:バランス良く、現代的、自信がある
最適な用途:スタートアップブランドガイドライン
バランスと自信に満ちた配色は、角に暖炉があるモダンなロフトのような雰囲気。タイポグラフィやUIの骨組みにはチャコールを使い、ブランドを印象付ける見出しやアイコンでは赤系を活用しましょう。ベージュ系がプレゼンテーションを柔らかくし、長文でも読みやすさを保ちます。コツ:階層を明確にして、濃い赤は主要ブランドマーク、明るい赤はサブアクセントに使い分けましょう。
media.ioで生成されたハース&チャコールの画像例
15)ヘリテージブリックワーク

HEX: #7A2C2C #B64E43 #D8A57E #F2E3D6 #3B2A25
雰囲気:伝統的、頑丈、手作り感
最適な用途:クラフトビールラベルセット
伝統的かつ頑丈なカラーパレットは、レンガのファサード、木樽、手描きの看板を思い出させます。暖かいニュートラルがラベルの可読性を保ち、赤が棚での存在感を即座に与えます。パッケージでトスカンレッド配色を使う場合、一番濃い色はブランドバッジに、明るい赤はフレーバー区分に使用しましょう。コツ:非コート紙に印刷すると、レンガ色が本物らしく落ち着いた仕上がりになります。
media.ioで生成されたヘリテージブリックワークの画像例
16)カッパーセージキッチン

HEX: #7B3231 #B46A53 #8A9B6E #F3E9DD #413734
雰囲気:家庭的で新鮮、日常のエレガンス
最適な用途:キッチンリノベーションのムードボード
家庭的で新鮮な配色は、セージ色のキャビネットやクリーミーなタイルの上に銅鍋を組み合わせた雰囲気。明るいニュートラルを壁や表面に使い、赤はテキスタイルやアートのアクセントとして控えめかつ自信を持って配置しましょう。セージ色が全体を爽やかにし、暖かさとの自然なバランスを生みます。コツ:金具はブラッシュドブラスかエイジドブロンズをセレクトし、赤と緑を調和させてください。
media.ioで生成されたカッパーセージキッチンの画像例
17)ガーネットナイトフォール

HEX: #5E1F24 #8D3437 #C7A07C #F6EEE3 #0F0E10
雰囲気:贅沢で劇的、高コントラスト
最適な用途:高級フレグランス商品広告
贅沢で劇的な雰囲気は、一つの暖かいスポットライトが照らすガーネットベルベットを思わせます。ブラックで背景を構成し、ラベルの余白にはクリーム色を使って高級かつ読みやすい仕上がりに。ゴールドベージュのアクセントで上品な輝きを与え、メタリック感は排除します。コツ:赤のグラデーションは控えめにし、広告が高級感あふれるものになるよう心掛けましょう。
media.ioで生成されたガーネットナイトフォールの画像例
18)ヴィンヤードハーベスト

HEX: #7A2A30 #B35A5C #D9B47B #F7EFE6 #6B7A4B
雰囲気:健やか、季節感、手作り感
最適な用途:水彩ボタニカルイラスト
健やかで季節感のある配色は、ブドウの葉、乾燥した草、熟した果実の赤みをイメージさせます。紙色にはクリームを使い、赤やモーブ色で重なった水彩層を作り自然な深みを表現。オリーブグリーンが構図を安定させオーガニックに仕上げます。コツ:ゴールデンタンを小さなディテールで繰り返して使い、イラスト全体のまとまりを強調しましょう。
media.ioで生成されたヴィンヤードハーベストの画像例
19)ニュートラルギャラリー

HEX: #783134 #9E4B47 #D9D0C7 #FAF6F1 #2E2A2A
雰囲気:静かで選び抜かれた、デザイン重視
最適な用途:写真ポートフォリオレイアウト
静かで厳選された配色は、白いギャラリーに一つだけ暖かい赤作品が目立つイメージ。ほぼ白のカラーはフル幅の画像エリアに、ウォームグレーはUIレールやキャプションに使用します。赤はアクティブフィルターやカテゴリータグ、小さなロゴマークなど控えめなハイライトに使いましょう。コツ:赤いアクセントは大きさを統一すると、UIが静かで編集的な印象を保てます。
media.ioで生成されたニュートラルギャラリーの画像例
20)クリムゾンネイバー

HEX: #74272C #A7363C #D27B64 #F3E1D2 #2B1F22
雰囲気:大胆、モダン、少し遊び心
最適な用途:ストリートウェアポスターのデザイン
大胆かつモダンな配色は、ペイントされた壁画、黄昏の街、そして自信に満ちた赤のインパクトを想起させます。トスカンレッドの組み合わせは、力強いタイポグラフィと大きな形に最適で、クリーム色が余白を落ち着かせます。明るい赤は注目のテキストに、濃い赤はブロックや影を引き締めます。コツ:2つの主要な赤にパレットを絞れば、ポスターが遠くからでもインパクトを持って読み取れます。
media.ioで生成されたクリムゾンネイバーの画像例
21)モダンテラUI

HEX: #7C2D33 #B85C4D #E7CBB6 #FBF2E8 #3A2E2D
雰囲気:親しみやすく、モダン、暖かい
最適な用途:ウェルネスアプリのオンボーディングUI
親しみやすく暖かい配色は、テラコッタ陶器と朝の柔らかな光を組み合わせたイメージ。明るいクリーム色は画面やカードに、赤は一貫したプライマリボタン色として活用しましょう。ピーチ系トーンで穏やかなグラデーションや進行状態を作り、砂糖菓子風にならないバランスを。コツ:最も濃いブラウンは見出し専用にし、本文テキストはやや明るめにするとアプリが柔らかい印象になります。
media.ioで生成されたモダンテラUIの画像例
トスカーナレッドと相性のいい色は?
トスカンレッドはアイボリーやクリーム、サンド、パーチメントのような暖かいニュートラル色と自然に組み合わさります。これらの色は全体を明るくし、赤を重厚に感じさせず上品に見せます。ブラウンやココア色もタイポグラフィや基礎に適しており、とくに印刷物やパッケージで効果的です。
よりボタニカルで地中海らしい印象を出したい場合は、トスカンレッドとオリーブやセージ、控えめなグリーンを組み合わせましょう。モダンで高コントラストにしたいなら、チャコールやブラックを導入し、赤を階層のアクセントとしてコントロールしてください。
ソフトなブッシュ、ダスティローズ、ウォームタンは、複数の赤を混ぜる際に“ブリッジ”カラーとして優秀です。これらが色の移行を滑らかにし、写真やUI、ブランドアセット全体でパレットの一貫性を維持する助けになります。
トスカーナレッドのカラーパレットを実際のデザインにどう活かすか
まずトスカンレッドの役割(ヒーロー、サポート、アクセント)を決めましょう。ブランドでは、マークや見出し、パッケージバッジで主役として輝きます。UIでは、プライマリアクションや選択状態のアクセントとしてもっとも力を発揮します。
暖かさと読みやすさのバランスを意識しましょう。背景にはクリームやオフホワイトを使い、本文にはチャコール、最も濃い赤は優先度が高い要素のみに使うと、パレットの印象が薄れません。
インテリアやムードボードで使う場合、大きな面はニュートラル(リネン、漆喰、暖かいタイル)にしておき、トスカンレッドをテキスタイルやアート、陶器、主役のアイテムで取り入れましょう。同じ暖色ニュートラルを部屋全体に繰り返すと、統一感が自然に生まれます。
AIでトスカーナレッドパレットのビジュアルを作成
トスカンレッドのカラースキームがレイアウト(ポスター、パッケージ、UI、招待状)でどう機能するかを見たい場合、まずいくつかのビジュアル方向を生成してみましょう。コントラストや雰囲気、「どれだけ赤を使うか」をテストする効率的な方法です。
Media.ioテキスト-画像生成なら、パレットと短いスタイルプロンプトを使ってブランドキット、ランディングページ、ウェディングセット、商品広告などの一貫したモックアップを作成できます。ライティングやテクスチャ、構図を調整して、素早く反復検証が可能です。
HEXコードをプロンプトに直接入れることで、アウトプットがブランド仕様に沿ったものになります。アクセントを一つだけ(オリーブ⇔サフランなど)入れ替えてテイストの違いを素早く比較するのもおすすめです。
トスカンレッドカラーパレット よくあるご質問
-
トスカンレッドのHEXコードは何ですか?
トスカンレッドに決まったひとつのHEX値はありませんが、一般的には深みと暖かみのある赤系で、#7B2D2Dや#7A2C2Cが近い範囲です。実際、「トスカンレッド」はレンガ、ワイン、テラコッタの方向に少し傾いたアースレッドのファミリーとして扱うのが最適です。 -
トスカンレッドはテラコッタとバーガンディどちらに近いですか?
トスカンレッドは、色味によってどちらにも寄ることができますが、通常はバーガンディよりもアースカラーで、クラシックなテラコッタよりも深みがあります。多くのトスカンレッドのパレットは両方の傾向を組み合わせており、深いワインレッドとクレイやコーラルのアクセントを組み合わせています。 -
モダンな印象にしたい場合、トスカンレッドにはどんな色が合いますか?
モダンな雰囲気を出すには、アイボリーに近いホワイト、暖かみのあるグレー、チャコールやブラックに近い色と組み合わせましょう。トスカンレッドはボタンやタグ、見出しなどのアクセントとして使い、レイアウトをすっきりと洗練された印象に保つのがおすすめです。 -
ラスティックや地中海風にしたい場合、トスカンレッドにはどんな色が合いますか?
温かみのあるクリーム色、サンドベージュ、オリーブやセージのグリーン、ナチュラルブラウンを取り入れましょう。これらの組み合わせは石やリネン、木材、ハーブを連想させ、トスカンレッドに焼けたような、親しみやすく本格的な雰囲気を与えます。 -
トスカンレッドが暗すぎると感じさせない方法は?
明るいニュートラル(クリームやアイボリー)の分量を増やし、トスカンレッドは見出しや枠、シールなど小さなポイントで使いましょう。ウォームタンやダスティローズなどの中間色をプラスすると、全体のコントラストが和らぎます。 -
UIデザインでトスカンレッドは使えますか?
はい。アクセシブルなニュートラルや明瞭なテキストコントラストと組み合わせれば、主要アクションやハイライトカラーとしてトスカンレッドが効果的です。本文にはチャコールを使い、背景は温かく明るく保ち、最も深い赤は重要な状態(主なCTA、選択、重要なアラート)に限定してください。 -
トスカンレッドのパレットを実際のデザインで簡単にプレビューする方法は?
AI画像ツールを使って(ポスター、ランディングページ、パッケージ、招待状など)のモックアップを素早く作成し、プロンプトにHEXコードを含めましょう。コントラストやムード、アクセントの割合を実際の制作前に確認するのに役立ちます。
次へ: クリムゾンカラーパレット

