20 Modern Teal and Rust Color Combinations with Hex Codes

ティールとラスティカラーのパレットは、涼しい海岸の深みと温かい土のエネルギーをバランスよく組み合わせ、デザインを現代的かつ安定感があり、印象的に仕上げる簡単な方法です。

下記ではHEXコード付きで厳選した20種類のティールとラスティの組み合わせを紹介し、ブランド、UI、インテリア、印刷物までのアクセント・ニュートラル・実用的な使い方のコツをまとめます。

ティール×ラスティパレットが優れている理由

ティールとラスティは暖色と寒色のスペクトラムの対極にあり、強すぎる印象にならずに即座にコントラストを生み出します。ティールは落ち着きや信頼感、明快さを与え、ラスティは温かさや食欲、ハンドクラフト感を添えます。

この組み合わせが「自然」に感じられるのは、実際の素材、例えばシーグラスやパティナメタル、テラコッタ、レンガ、風化した木材などを思わせるからです。素材との関連性があることで、デジタルインターフェースにも印刷にも万能に使えます。

適切なニュートラル（クリーム、サンド、ストーン、チャコール）と組み合わせることで、ティール×ラスティの配色はバランスを保てます：UIやブランディングには現代的、インテリアやパッケージには自然素材の雰囲気をまといます。

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

1）ハーバーパティナ

HEX： #0f6f6f #c25a3a #f3e6d6 #1f2d2e #c7b8a6

雰囲気： 穏やか、海辺、安定感

おすすめ用途： ブランドムードボードやアイデンティティシステム

穏やかで海辺の雰囲気、このミックスは風化したドック、シーグラス、日差しで焼けたロープを連想させます。ティールを基調色にし、ラスティはボタンや見出し、パッケージマークで主役に。クリームでレイアウトに余白を、深いチャコールでタイポグラフィにコントラストを加えます。コツ：最も暗い色合いは小さなテキストやアイコンに使い、抜け感を保ち重さを避けましょう。

media.ioで生成したハーバーパティナのイメージ例

Media.io

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

今すぐ無料で試す

2）デザートドック

HEX： #147a78 #b24a2a #f7f1e7 #5c6b6b #e1c7b6

雰囲気： 日差しを浴びた温かさ、リラックス、親しみやすさ

おすすめ用途： 南西部風リビングルームやインテリア

日差しの温かさとリラックスした空気、砂漠の空気と涼しい海岸のそよ風が出会うイメージ。ティールラスティパレットでは、壁や大型ファブリックは柔らかいオフホワイトにし、ティールはラグやキャビネットで取り入れましょう。ラスティは陶器やクッション、アクセントチェアに最適。コツ：部屋の違う場所にラスティを2点使うと無作為でなく統一感が出ます。

media.ioで生成したデザートドックのイメージ例

3）ヴェルディグリロッジ

HEX： #0b5f64 #d06a3c #fbf7f0 #2c3a3a #a88b7b

雰囲気： 伝統、居心地よさ、やや無骨

おすすめ用途： ブティックカフェのメニューや看板

伝統と居心地の良さ、銅製ケトルやタイルストーブ、薄暗いロッジバーを感じさせます。淡いクリームをメニューバックに使いタイポグラフィの鮮明さを保ち、見出しはティールで構成。ラスティは本日のおすすめや価格、スタンプ風バッジなど注目ポイントに活躍します。コツ：本文は深いグレイグリーンにして、純粋な黒の強さを避けると印象が柔らかくなります。

media.ioで生成したヴェルディグリロッジのイメージ例

4）クレイ＆タイド

HEX： #1a8a87 #a6422b #f0dcc7 #243536 #d9b59a

雰囲気： ロマンティック、職人技、温かみ

おすすめ用途： 結婚式の招待状・ステーショナリー

ロマンティックで職人風、手作りの陶器と海辺のガラスを組み合わせた雰囲気。暖かいクリームを紙面に使い、ティールはモノグラムや境界線で上品さをプラス。ラスティは名前や日付、小さな花柄に使い温かみを添えつつ主張しすぎないように。コツ：深いスレートでごく小さな文字（RSVP等）を記載すると読みやすさUP。

media.ioで生成したクレイ＆タイドのイメージ例

5）ヴィンテージワークショップ

HEX： #0e7773 #c86b45 #efe9df #3a2e2a #b7a39a

雰囲気： ハンドクラフト、懐かしさ、触感

おすすめ用途： 職人製品パッケージやラベル

ハンドクラフトと懐かしさ、木の作業台や古びた工具、包装された包みを想起させます。ティールとラスティパレットは、クラフト風ラベルでブランドロゴにティール、パターンや封印にラスティを。オフホワイトは余白として使いデザインが煩雑にならず、コツ：最も暗い色は質感紙では使い過ぎないことで、印刷が濁るのを防ぎます。

media.ioで生成したヴィンテージワークショップのイメージ例

6）コースタルテラコッタ

HEX： #1b706f #d1774c #fff4ea #334447 #c9d1cf

雰囲気： フレッシュ、爽やか、光溢れる

おすすめ用途： バスルームリニューアルやスパブランド

フレッシュで爽やか、日差しの差す漆喰と涼しい水辺の雰囲気。明るいクリームを基調にタイルやタオル、Web背景に、ティールはキャビネットやラベル、ナビゲーションに。テラコッタ色はソープパッケージや植木鉢、アクセントラインなど小さな箇所で暖かさをプラス。コツ：涼しいグレイグリーンはセカンダリーテキストに使い、全体を落ち着かせます。

media.ioで生成したコースタルテラコッタのイメージ例

7）ミュージアムモダン

HEX： #0a6a6c #b75a40 #f6f0e6 #111c1d #d2c4b8

雰囲気： ギャラリーのような清潔感、自信、上質

おすすめ用途： ポートフォリオサイト・ミニマルなランディングページ

ギャラリーのような清潔感と高級感、厳選された陶芸品が柔らかいスポットライト下で並ぶ雰囲気。温かいオフホワイトを土台にページを作り、ナビゲーションや重要リンクにはティール。ラスティはCTAなど温かさを強調したい場面で強いアクセントに。コツ：見出しはブラックにし、線は細くすることで現代的な雰囲気を維持。

media.ioで生成したミュージアムモダンのイメージ例

8）オータムマリーナ

HEX： #13817f #bf5c35 #f8e7d1 #2a2f31 #9fb0ac

雰囲気： ムーディー、アウトドア風、現代的

おすすめ用途： 雑誌レイアウトやエディトリアルスプレッド

ムーディーでアウトドアな雰囲気、雨の港や舗道上の銅色の葉を連想させます。ティールラスティ配色では、ティールでサイドバーなど大きなブロックを作り、ラスティで引用やセクション区切りを目立たせます。柔らかいサンドカラーが列の可読性を保ちコントラストも緩和。コツ：淡いグレイグリーンはキャプションで使用し、アクセントカラーの特別感を損なわないようにします。

media.ioで生成したオータムマリーナのイメージ例

9）カッパーケルプ

HEX： #0f6466 #cc6a3a #f2f2ee #2d241f #8fa7a6

雰囲気： 土のような自然感、海の雰囲気、ナチュラル

おすすめ用途： シームレスパターンやテキスタイルプリント

土と海を感じるナチュラルカラー、ケルプの森と酸化銅の輝き。ティールとオフホワイトをメインに使い、着やすいパターンにし、ラスティは小さなモチーフでエネルギーをプラス。深いブラウンブラックはアウトラインやステッチ風ディテールに最適。コツ：ラスティの形はティールより小さくしプリントが重くならないように。

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

10) 燻製アドビ

HEX：#0d5a5b #9e3f2c #e8d6c7 #4b3b36 #c0b2a4

雰囲気：スモーキー、親密、洗練された

おすすめ用途：レストランのインテリアとムード照明のコンセプト

スモーキーで親密なこの作品は、夕暮れ後にクールなティールの影でアドボの壁を思い起こさせます。大きな表面や室内装飾品には柔らかい粘土の色調を使用し、ティールを宴会やペイントトリムに加えてモダンなひねりを加えます。錆は暖かい照明で最もよく読まれるので、小さな装飾、メニュー、またはペンダントシェードに使用してください。ヒント: マットなテクスチャを追加して、より深い色合いが光沢がありすぎたり、厳しく感じたりしないようにします。

media.ioを使って生成したスモークアドビの画像例

11) 茶屋タイル

HEX：#1c7b7a #c85b3c #fdf1e2 #3b4a49 #d7c2a2

雰囲気：歓迎的で清潔、手作り

おすすめ用途：ホスピタリティブランディングとステーショナリーセット

歓迎的で手作りで、釉薬のタイル、蒸しペストリー、きちんとしたカウンターを思い出させます。このようなティール ラスト カラー パレットは、ティールがロゴとヘッダーを処理し、スタンプ、アイコン、または細い下線に錆が残るときにバランスをとりやすくなります。クリーミーな背景は、企業的ではなくフレンドリーな雰囲気を醸し出しています。ヒント: 文房具がコーティングされていない紙に鮮明に印刷されるように、小さなタイプのみを最も暗い色合いにしてください。

media.ioを使って生成した茶屋タイルの画像例

12) 产业シーフォーム

HEX：#2a8f8a #b2472f #e9e1d6 #2b2b2b #b8c7c5

雰囲気：都会的、清洁、ハイコントラスト

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

都会的で清潔で、塗装されたスチール、シーフォームガラス、暖かいレンガのような感じです。進行状態とインタラクティブな要素にティールを使用して、UX が安定して信頼できるように感じます。Rust は、赤を使用せずに暖かさが必要な場合に、警告、バッジ、または 1 つの際立った CTA に適しています。ヒント: 背景はライトニュートラルに保ち、暗いブロックはヘッダーに制限して読みやすくします。

media.ioを使って生成した工業用シーフォームの画像例

13) 素朴なブティック

HEX：#0f7270 #c15232 #fff8f2 #6a5a51 #d5c8bb

雰囲気：ソフト, ブティック, キュレーション

おすすめ用途：手作り石鹸ラベルとスキンケアタグ

柔らかくキュレーションされた、リネンの棚、セラミックのトレイ、そしてほんのりスパイスを示唆しています。ラベルのベースにほぼ白を使用し、製品名をティールで設定すると、落ち着いたプレミアムな読み取りができます。錆は香りのノートや小さなアイコンをマークして、暖かさと個性を追加することができます。ヒント: 成分リストは黄褐色にして、すべてが小さなサイズで読みやすいようにしてください。

media.ioを使用して生成されたrustic boutiqueの画像例

14) 霧の峡谷

HEX：#167b75 #d26f46 #f4eadf #254041 #b5a193

雰囲気：冒険的、映画的、バランスの取れた

おすすめ用途：旅行ポスターと目的地ブランディング

冒険的で映画的で、朝の霧を切り裂く峡谷の岩のように見えます。ティールを大きな空や水の形に入れて雰囲気を整え、崖、ルート、または大胆なタイトルブロックに錆を使用します。淡い砂がポスターを明るく保ち、ディテールを際立たせます。ヒント: ランドマークのアウトラインに深いティールグレーを追加して、デザインが遠くから読めるようにします。

media.ioを使って生成したミステッドキャニオンの画像例

15) スタジオ ロフト

HEX：#0a7a79 #b24b35 #f7f5f2 #2f3436 #c6b0a2

雰囲気：コンテンポラリー、落ち着いた、デザインフォワード

おすすめ用途：アーキテクチャポートフォリオとケーススタディ

現代的で落ち着いた雰囲気で、暖かいレンガが覗いている清潔なロフトのような雰囲気です。ページの背景として柔らかいオフホワイトを使用し、ティールにセクションマーカーと図でレイアウトを構成させます。Rust は、プロジェクト タイトルやデータ ポイントの小さなハイライトとして最適です。ヒント: プロフェッショナルでコントラストの高い読み取りを維持するために、ほとんどのテキストを木炭に保管してください。

media.ioを使って生成したstudio loftの画像例

16) オーシャンブリック

HEX：#0e6d72 #c05a3b #f5e9d8 #1e2a2d #e2d7cf

雰囲気：大胆、クラシック、少し海のような

おすすめ用途：ソーシャルメディアテンプレートと見積もりカード

大胆でクラシックな、塩辛い海の深さと古いレンガの暖かさを組み合わせています。これらのティール ラストの色の組み合わせは、支配的なフィールド カラーを 1 つ選択し、明瞭にするためにライト クリームに引用符を配置するとうまく機能します。rust をフレーミング バー、アイコン、または小さなスタンプとして使用してパンチを追加します。ヒント: レイアウトを鮮明に保つために、著者名と小さな UI 要素は濃いネイビーのチャコールにしてください。

media.ioを使って生成したオーシャンブリックの画像例

17) ボタニカルフォージ

HEX：#177f7b #c96a41 #f1f6f2 #2d3f36 #a3bfae

雰囲気：フレッシュ、ボタニカル、クラフトに焦点を当てた

おすすめ用途：春のイラストとボタニカルプリント

新鮮でボタニカルで、暖かい窯のそばにある温室の葉のような気分です。広い葉の洗浄にはティールを使用し、柔らかいミントニュートラルがイラストの周りに呼吸の余地を作り出します。サビは、花の中心、茎、または小さなタイトルリボンに最適で、活気を保ちます。ヒント: 錆をいくつかの焦点に制限して、プリントが風通しがよく、スプリングフォワードに保ちます。

media.ioを使って生成したボタニカルフォージの画像例

18) 夕焼き窯

HEX：#0b5e60 #a94a33 #e9d9cf #0f1416 #c9a98f

雰囲気：ドラマチック、居心地の良い、親密な

おすすめ用途：キッチンバックスプラッシュのコンセプトとキャビネット

ドラマチックで居心地の良い、深い夕方の影を背景に窯の輝きのように見えます。下部のキャビネットやタイルのアクセントにティールを使用し、ハードウェア、グラウトライン、または暖かい木片を通して錆を入れます。バラ色のニュートラルは部屋が暗くなりすぎないようにし、真鍮との相性も抜群です。ヒント: レイヤード照明を追加して、暗いトーンがフラットではなくリッチに見えるようにします。

media.ioを使って生成した夕焼き窯の画像例

19) サンリットファウンドリー

HEX：#1d8c86 #cf6a3d #fff1dd #3c3a36 #bfa58c

雰囲気：エネルギッシュ、楽観的、モダン

おすすめ用途：クラフトビール缶のデザインとグッズ

エネルギッシュで楽観的で、暖かい金属に太陽の光が当たる明るい工房のように感じられます。棚に衝撃を与えるためにティールをメイン缶フィールドとして使用し、錆が大胆なイラスト形状やバッジスタイルのラベルを駆動させます。クリームはタイポグラフィを読みやすく保ち、濃いグレーを洗練されたままにします。ヒント: マット仕上げと組み合わせると、暖かいアクセントが光沢のあるオレンジではなく豊かに見えます。

media.ioを使って生成したsunlit foundryの画像例

20) 静かな遠征

HEX：#0f6a68 #b85a3c #f2efe8 #4a5b5c #d3c7b8

雰囲気：落ち着いた、整理整頓された、控えめな

おすすめ用途：イベントチラシとワークショップポスター

落ち着いて整理整頓されており、よく梱包されたバッグと明確なトレイルマップを示唆しています。背景を明るくして詳細を読みやすくし、メインヘッダーとセクションブロックにティールを使用します。Rust は、日付、チケット情報、または小さなアイコン セットに最適なアクセントです。ヒント: ディバイダーと箇条書きのグレーとグリーンのミュートを繰り返して、レイアウトを構造化した感じにします。

media.ioを使って生成したquiet expeditionの画像例

ティールとラスティに合う色は？

ニュートラルは最も簡単にマッチします。温かいクリーム、砂、パテはコントラストを柔らかくしますが、チャコールとニアブラックはティールとラストをよりシャープでプレミアムに見せます。より明るく風通しの良い感触を得るには、オフホワイトの背景を選択し、タイプのみにダークトーンを保ちます。

ハーモニーを高めるには、セージ、シーフォーム、ダスティブルー、ウォームトープなどの落ち着いた仲間を引き込みます。これらは、メインデュオと競合することなく、海岸/土の物語を拡張します。より大胆なポップが必要な場合は、真鍮/ゴールドのタッチや柔らかいチークが磨きを加えることができます。

疑問がある場合は、シンプルな比率に従ってください。「構造」はティールに、「火花」はラストに、「スペース」はニュートラルに任せます。

ティール＆ラスティカラーパレットの実際のデザインでの使い方

ブランディングでは、ティールを主なブランドカラー(ロゴ、ヘッダー、ナビゲーション)として扱い、CTA、バッジ、またはキーハイライトのアクセントとして錆を使用します。これにより、エネルギーを感じながらシステムを一貫性を保ちます。

UI では、アクセシビリティを優先します。オフホワイト/クリーム色にテキストを配置し、画面ごとに 1 つのメイン アクションに rust を予約し、インタラクティブな状態 (リンク、トグル、進行) に teal を使用します。チャコールタイポグラフィと組み合わせることで、純粋な黒の厳しさを避けます。

インテリアとプリントでは、スケールが重要です。大きな表面にはニュートラルを塗り、中程度のブロック (キャビネット、ラグ、セクション パネル) にはティールを塗り、小さな装飾やスポット グラフィックにはラストを塗ると、パレットが圧倒されるのではなくキュレーションされた感じになります。

AIでティールラスティパレットビジュアルを作成する方法

ティール ラスト トーンが実際のレイアウト、ラベル、ポスター、または部屋のコンセプトでどのように見えるかを見たいですか?テキスト プロンプトからクイック モックアップを生成し、バランスが整うまで反復します。

Media.io を使用すると、バリエーションを簡単に探索できます。ニュートラルを交換したり、より強いまたは柔らかい rust アクセントをテストしたり、最終的な方向性にコミットする前に複数のコンポジションをプレビューしたりできます。

次： ルビーカラーパレット