20 Modern Yellow and Turquoise Color Palettes with Hex Codes

イエローとターコイズは、現代的でインパクトのある組み合わせです。明るく爽やかな印象を与え、海岸のブランド、クリーンなUI、楽しい夏のビジュアルに最適です。

このガイドでは、HEXコード付きの20個のイエロー＋ターコイズのカラーパレットと、コントラストやアクセント、AI生成モックアップの実践的なコツを紹介します。

なぜイエロー×ターコイズのパレットが効果的なのか

イエローは温もりや楽観、そして「注目のエネルギー」を与え、ターコイズは穏やかなクリアさと新鮮な水のような感覚を加えます。一緒に使うことで、熱と冷をバランスよく保ち、活気あるデザインを混乱なく実現できます。

この組み合わせは季節感やライフスタイルにすぐにマッチします。例えばビーチ、ウェルネス、旅行、遊び心のあるテックなど。「明るく現代的」をブランドやパッケージ、UIで素早く伝えられます。

深いティールやネイビー、チャコールでパレットにアクセントを加えると、イエローとターコイズの扱いが楽になります。暗いベースが可読性を高め、鮮やかな色がアクセントとして機能し、ノイズになりません。

20以上のイエロー×ターコイズ カラーパレットアイデア（HEXコード付き）

1）サンリット・ラグーン

HEX： #ffd84a #29c7c9 #0f6e7a #fff7e6 #ff8a4d

雰囲気： 明るい、海岸風、ウェルカムな

おすすめ用途： 旅行やライフスタイルブランドのアイデンティティボード

明るい海岸のエネルギーが、浅い水面と温かな砂のように感じられます。クリーミーなオフホワイトを余白として使い、ターコイズでリードし、イエローがアクセント。コーラルは小さなアクションアイコンやワンポイントで使うと効果的です。使い方のコツ：イエローは見出しやバッジだけに使い、レイアウトを軽やかに保ちましょう。

media.ioで生成したサンリット・ラグーンの画像例

Media.io

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

今すぐ無料で試す

2）シトラス・リーフ

HEX： #ffea5a #19bfb4 #007a78 #f5f7f7 #ff6b35

雰囲気： さわやか、エネルギッシュ、清潔感

おすすめ用途： スパークリングドリンクのパッケージや商品広告

シトラススライスが澄んだ水に浮かぶような、さわやかで弾ける印象。鮮やかなイエローとタンジェリンが味のイメージ、ターコイズがシャープで現代的なルックを保ちます。ホワイトスペースとダークティールの組み合わせで、原材料のテキストも読みやすく。使い方のコツ：ティールをバーコードや法的コピーに使うとコントラストが強すぎず安心。

media.ioで生成したシトラス・リーフの画像例

3）レトロ・プールサイド

HEX： #f7d94c #2dd6c1 #247b9e #1f2a44 #f4efe6

雰囲気： レトロ、遊び心、サマー感

おすすめ用途： SNSプロモや夏のイベント投稿

レトロなプールサイドの雰囲気は、ストライプのラウンジャーやビニール製の浮き輪、午後遅くの水遊びを連想させます。ネイビーが明るい色のアンカーになり、タイプも読みやすい。クリームをベースにして、ターコイズとイエローで幾何学的な形をレイアウトすれば動きが出ます。使い方のコツ：本文はネイビー、イエローは短くインパクトのあるフレーズのみに。

media.ioで生成したレトロ・プールサイドの画像例

4）ビーチアンブレラ・ポップ

HEX： #ffe36e #00c2c7 #ff3d7f #2b2b2b #ffffff

雰囲気： ポップ、ビーチ感、高コントラスト

おすすめ用途： フェスチラシやインパクト大のポスター

カラフルなビーチ傘と鮮やかな海を思わせるポップな組み合わせ。チャコールとホワイトがネオンピンクのアクセントを抑え、レイアウトをバランスよく。太めのサンセリフ体とシンプルな形で遠くからも読みやすくなります。使い方のコツ：ピンクは日付やチケットボタンなど1箇所だけに。

media.ioで生成したビーチアンブレラ・ポップの画像例

5）ミンティ・レモネード

HEX： #fff07a #64e0d3 #b3f2e7 #f9fbff #7c8a8f

雰囲気： 柔らかい、リフレッシュ、ライト

おすすめ用途： ウェルネスLPやミニマルUI

冷えたレモネードにミントとリネンのカーテンの風――爽やかさと優しさ。淡いミントとオフホワイトを主体に、イエローで親しみやすいハイライトや進捗表示。クールグレーはラベルや区切り線、セカンダリーボタンに最適。使い方のコツ：最も明るいイエローは画面ごとに主要アクション1つに絞って、疲れないレイアウトに。

media.ioで生成したミンティ・レモネードの画像例

6）ゴールデン・タイド

HEX： #ffc93a #2ab7ca #125d6b #f2e9d0 #d96c35

雰囲気： 温もり、海岸、落ち着き

おすすめ用途： 海岸のインテリアやホスピタリティ用装飾

温かみと安定感、ゴールデンアワーの光がティールの水面や焼けた粘土に差し込むイメージ。砂色を壁・背景に、ターコイズはラグやパネルなど大きな面に。テラコッタは手作り感を加え、ラタンやオークとよく合います。使い方のコツ：深いティールをフレームや小物にリピートするとまとまり感に。

media.ioで生成したゴールデン・タイドの画像例

7）トロピカル・ポストカード

HEX： #ffe86b #00b7b5 #0091ad #f07167 #fdfcdc

雰囲気： バケーション、明るい、イラスト風

おすすめ用途： 旅行ポストカードや観光グラフィック

明るくイラスト的、晴れた島から届くポストカード風。クリームが紙の質感、ターコイズとアクアで海と空。サーモンアクセントは切手やピン、小アイコンにぴったり。使い方のコツ：アウトラインはアクアの濃い色にすれば印刷時もはっきり。

media.ioで生成したトロピカル・ポストカードの画像例

8）ソフト・スパ・ブリーズ

HEX： #fff5a8 #7adfd6 #2e9c9a #e9f7f5 #9aa7ad

雰囲気： 穏やか、風通し、癒し

おすすめ用途： スキンケア広告やスパブランド

穏やかで軽やか、蒸気やユーカリ、柔らかな日差しが磨りガラス越しに差すイメージ。淡いアクアをメインに、イエローは控え目に温かな輝きをプラス。深いティールは信頼感があり、成分紹介や認証印にもGood。使い方のコツ：グラデーションは控えめでマットにするとスパ感が保てます。

media.ioで生成したソフト・スパ・ブリーズの画像例

9）モダン・マーケット・サイネージ

HEX： #ffd23f #00a8a8 #0b3c49 #f7f7f2 #e85d75

雰囲気： モダン、パンチ、読みやすい

おすすめ用途： 店舗のサイネージや案内システム

現代的でパンチのあるルックは、明るい朝空のストリートサインのよう。パネルにはオフホワイト、遠くからの視認性のため深いティールのタイポ。イエローは見出しのアイキャッチ、ピンクは特別セクションやセールタグに。使い方のコツ：アイコン塗りはターコイズ、アウトラインは深いティールで印刷でも鮮明。

media.ioで生成された現代マーケットサイネージのイメージ例

10) プレイフル キッド スプラッシュ

HEX： #ffed6f #32d6d0 #4c6ef5 #ff6b6b #ffffff

雰囲気： 楽しい、フレンドリー、エネルギッシュ

おすすめ用途： 子供向け学習アプリやゲーム化されたUI

プレイフルで親しみがあり、水風船や星のステッカー、晴れた遊び場のような雰囲気です。ホワイトをメインキャンバスに使い、ターコイズやブルーをナビゲーションやコンポーネントで統一感をもたせます。イエローややわらかなレッドはご褒美やバッジ、優しいプロンプトに最適です。使い方のコツ：レッドは成功やアラートの時だけに限定することで、意味がブレません。

media.ioで生成されたプレイフル キッド スプラッシュのイメージ例

11) アールデコ カバナ

HEX： #f9d648 #1fc5b8 #0e4d64 #f7f1e3 #c05640

雰囲気： ヴィンテージ、ラグジュアリー、構造的

おすすめ用途： カクテルメニューとブティックホテルのブランディング

ヴィンテージとラグジュアリーさ、構造的な雰囲気で、プールサイドのアールデコタイルや磨かれた真鍮を感じさせます。クリーム系のベースがパレットをエレガントに保ち、ディープティールが上質な重厚さをプラスします。イエローはボーダーや小さいモチーフに、ブリックカラーはセカンダリーアクセントに少し添えて。使い方のコツ：幾何学的なラインワークやコントラストの強い見出しと合わせて、デコの雰囲気を際立たせましょう。

media.ioで生成されたアールデコ カバナのイメージ例

12) ミニマル ギャラリー ウォール

HEX： #ffe169 #3ad7d3 #1b4965 #f0f3f5 #5c6b73

雰囲気： ミニマル、モダン、キュレーション

おすすめ用途： 現代インテリアやポートフォリオサイト

ミニマルでキュレートされた雰囲気、静かなギャラリーで太陽に照らされている大胆な一枚のアートのようです。ライトグレーを背景に使い、ネイビーは構造とタイポグラフィに。ターコイズやイエローはアクセントとなるアートやピロー、サイトのボタンなどに最適です。使い方のコツ：ターコイズは一カ所に大きくまとめるのではなく、小さい場所に二ヶ所散らすことでよりデザイン感が高まります。

media.ioで生成されたミニマル ギャラリー ウォールのイメージ例

13) コースタル ウェディング リネン

HEX： #fff1a6 #44d7c8 #2a9d8f #fffaf3 #e76f51

雰囲気： ロマンチック、エアリー、日差しを浴びた

おすすめ用途： 結婚式招待状や当日ステーショナリー

ロマンチックで暖かな日差し、リネンナプキンやシーグラス、柔らかな午後の光を想起させる配色です。このイエローターコイズのパレットは、温かみのあるクリーム主体でターコイズが繊細なラインやモノグラムに現れる時に特に美しく映えます。コーラルはRSVPや封蝋モチーフ、小花のアクセントに最適。使い方のコツ：ターコイズは少し濃いめに印刷することで、テクスチャペーパー上でも読みやすくなります。

media.ioで生成されたコースタル ウェディング リネンのイメージ例

14) テッキー アクア ダッシュボード

HEX： #ffd54f #00d1c1 #0a2463 #e9ecef #087e8b

雰囲気： 自信に満ち、モダン、データドリブン

おすすめ用途： SaaSダッシュボードおよび分析UI

自信がありモダン、落ち着いたアクアの背景に鋭いチャートが浮かび上がるイメージです。こうしたイエローターコイズのカラーパレットでは、インディゴがUIに権威を与え、アクアが親しみやすさをキープします。イエローはKPIの強調、ツールチップや重要なトグルなど部分的に使いましょう。使い方のコツ：チャート背景は明るく、アクアはアクティブ系列に限定して使うことでデータの可読性を維持しましょう。

media.ioで生成されたテッキー アクア ダッシュボードのイメージ例

15) フレッシュプロデュースラベル

HEX： #ffe66d #2ec4b6 #006d77 #fefae0 #ff9f1c

雰囲気： 新鮮、オーガニック、前向き

おすすめ用途： 食品ラベルやファーマーズマーケットのパッケージ

新鮮でオーガニック、収穫したての作物に爽やかな色合いを加えたような雰囲気です。ダークティールは成分表示や栄養パネルに最適で、クリーミーなベースが親しみやすさを演出。イエローやオレンジでフレーバーノートを表現し、ターコイズで清潔感・健康感をバランスよく加えます。使い方のコツ：認証アイコンには小さなティールを用いてSKU間でレイアウトを統一しましょう。

media.ioで生成されたフレッシュプロデュースラベルのイメージ例

16) アイランド サンライズ ポスター

HEX： #ffdb57 #1fbfb8 #05668d #f4f1de #f28482

雰囲気： 楽観的、爽やか、アーティスティック

おすすめ用途： 旅行ポスターやウォールアートプリント

楽観的で爽やか、水面に昇る朝日、空の温かな輝きのイメージです。クリームをポスター用紙の色に、ターコイズとディープブルーでメイン形状を構成。ピンクは太陽や小さなキャプションブロックにアクセントとして最適です。使い方のコツ：グラデーションは最小限にし、力強いシルエットを用いることでタイムレスなプリント感を出します。

media.ioで生成されたアイランド サンライズ ポスターのイメージ例

17) スマートホームオンボーディング

HEX： #ffde59 #2de2e6 #2f2d2e #f8f9fa #3a7d7c

雰囲気： クリーン、フレンドリー、信頼感

おすすめ用途： アプリのオンボーディング画面やセットアップフロー

クリーンで親しみやすい、晴れた朝のルーティンのような穏やかでテック向けの明瞭感。オフホワイトを背景、ダークチャコールをテキストでアクセシビリティ向上。ターコイズは主要ボタンや進行状況インジケーターに、イエローは歓迎のアクセントに。使い方のコツ：アイコンは落ち着いたティールグリーンにして、各ステップでインターフェースに統一感を。

media.ioで生成されたスマートホームオンボーディングのイメージ例

18) サニーボタニカルズ

HEX： #fff07c #4ddbcf #2f8f9d #e6fff9 #f6bd60

雰囲気： ナチュラル、明るい、春らしい

おすすめ用途： ボタニカルイラストや春のキャンペーン

ナチュラルで明るく、新しい葉が温かな太陽の下で育ち、側に涼しい水が流れているような雰囲気。淡いアクアウォッシュで全体をまとめ、ターコイズの茎やティールの陰で奥行きを。イエローとアプリコットは花びらを輝かせ、過剰な彩度にはなりません。使い方のコツ：アウトラインは柔らかく、シェードは主にティールでエアリー感を。

media.ioで生成されたサニーボタニカルズのイメージ例

19) サーフショップ ステッカーパック

HEX： #ffd447 #00c4cc #0b7285 #f8f9ff #ff4d6d

雰囲気： 楽しい、若々しい、アウトドア

おすすめ用途： ステッカーパックとマーチグラフィック

楽しくアウトドア感漂う、サーフワックスや太陽の反射、明るいボードデカールを取り入れたデザイン。オフホワイトをステッカーのベース、ターコイズやディープティールで大胆なシェイプを表現。ピンクはインパクトのあるバッジやブランドマーク向きです。使い方のコツ：最も濃いティールでアウトラインを描き、遠くからでもはっきり読めるようにします。

media.ioで生成されたサーフショップ ステッカーパックのイメージ例

20) エコリゾート ブロシュア

HEX： #ffe45e #2ab7b0 #1b6b6f #f1faee #a98467

雰囲気： リラックス、ナチュラル、洗練された

おすすめ用途： リゾートパンフレットやサステナブルな旅行ガイド

リラックスかつ洗練された雰囲気、太陽と水、ナチュラルな木やリネンのテクスチャを感じさせます。柔らかいオフホワイトをページ背景に、ターコイズはセクション見出しや地図に活用。木の色合いは写真キャプションや呼び出しボックスで温かみに。使い方のコツ：イエローはページタブや旅程インジケーターなど小さなナビ要素のみに。

media.ioで生成されたエコリゾート ブロシュアのイメージ例

イエロー×ターコイズによく合う色は？

ニュートラルは最も頼れるサポート役です：ピュアホワイトで全体がフレッシュになり、ウォームクリームはコントラストを和らげ、ライトグレーはモダンなUIレイアウトをクリーンに保ちます。テキストや構造にはチャコール、ディープティール、ネイビー系が高い可読性をもたらします。

より活気を加えるなら、コーラルやタンジェリン、ホットピンクをバッジやアイコンの微小なアクセントとして使いましょう。これらの温かみのある色はイエローとも相性が良く、ターコイズが冷たくなりすぎません。

よりナチュラルでリラックスした印象を求めるなら、イエロー＆ターコイズにサンド・タン・ラタンブラウン・くすみ木調などを合わせてください。コースタルな雰囲気が洗練され、派手なネオン調になりません。

イエロー×ターコイズのカラーパレットを実際のデザインで使う方法

どの色を主役にするかを最初に決めましょう。ターコイズは広いエリア（見出し、パネル、背景）で使い、イエローは強調用（ボタン、タグ、重要な数字）に絞ります。これでデザインに抜け感が生まれ、過度なハイライター感を防げます。

常にアクセシビリティのためのコントラストを計画しましょう。本文にはダークティールやネイビー、チャコール、イエローは短い要素専用にし、ボタン状態のテストでターコイズ＋ホワイトのコントラストを検証してください。

ブランディングや印刷では、一つのアンカーカラー（多くの場合ディープティール）をタイポグラフィ・ボーダー・アイコンに反復利用。イエローはアクセントに絞り、注目ポイントをつくって視線誘導します。

AIでイエロー×ターコイズのビジュアルを作成

HEXコードだけでなく実際のビジュアル（ポスター、ラベル、UI画面、ブランドパネル）が必要な場合、AIでモックアップを生成すれば構成やバランスをすばやく検討できます。

まず1つパレットを選び、用途（例：「SaaSダッシュボード」「ウェディング招待一式」「エコパンフレットレイアウト」など）を明記、どの色が主役／アクセントになるかも具体的に記載しましょう。

Media.ioのテキスト・トゥ・イメージ機能なら、さまざまなアスペクト比やスタイル（フラットベクター／リアル系）、レイアウトを試し、イエロー＆ターコイズのコントラストが「ちょうど良く」なるまで素早く検証できます。

次へ： ブルーピーチのカラーパレット