サーモンは、親しみやすく、モダンで人間味のある暖かいピンクオレンジ色です。純粋なコーラルほど強くなく、さまざまなブランディング、UIのハイライト、イベント用ステーショナリー、製品パッケージに使いやすい万能な色です。
以下にHEXコード付きのサーモンカラーパレット例と、サーモンとニュートラルカラーやダークカラーとの合わせ方の実践的なアドバイスをご紹介します。
サーモンカラーの組み合わせが効果的な理由
サーモンはピンクとオレンジの中間に位置し、柔らかさ(親しみやすく、ロマンチック)とエネルギー(フレッシュで楽観的)の両方を持ちます。このバランスにより、ウェルネス、美容、テクノロジー、ライフスタイル、食品など幅広い分野で活躍します。
また、クールカラーともウォームカラーとも相性抜群です。ティール、ネイビー、スレートはサーモンを高コントラストでモダンな印象に、クリーム色、タン、ブラウンと合わせればナチュラルで高級感のあるイメージに仕上がります。
UIやブランディングでは、サーモンはアクセントカラーとして特に効果的です。CTAやハイライトに使うと目立ちますが、純粋な赤ほど攻撃的には感じません。
20種類以上のサーモンカラーパレットアイデア(HEXコード付き)
1) コースタルコーラルブリーズ

HEX: #FA8072 #2EC4B6 #0B1320 #FFF3E7 #F2C14E
印象: 明るい、ビーチ風、前向き
おすすめ用途: 旅行ポスターデザイン
海沿いの朝のような明るさと爽やかさ、そしてクリーンなオーシャンカラーにコーラルの暖かみ。旅行のポスターやサマープロモーション、瞬時にエネルギーを届けたいブランドにおすすめのサーモンカラースキームです。サーモンとティールを見出しのペアに使い、深いネイビーで全体を引き締めましょう。ポイント:クリーム色をメインにして、アクセントカラーが陽射しのように感じられるように。
media.ioで生成したコースタルコーラルブリーズの画像例
Media.ioは、ブラウザで動画・画像・音声の作成と編集ができるオンラインAIスタジオです。
2) ブラッシュリネンニュートラル

HEX: #FA8072 #F7E6D3 #C9B8A7 #6B5B4D #FFFFFF
印象: ソフト、エアリー、タイムレス
おすすめ用途: 結婚式招待状セット
やわらかなファブリックと優しい光に包まれたリネンをイメージした、親密さのあるパレット。サーモンカラーパレットは、結婚式のステーショナリーやブライダルシャワー、ミニマリストなイベントセットにぴったりです。温かみのあるオフホワイトを紙面に使い、名前や重要な情報にサーモンを配置しましょう。ポイント:深いブラウンは小さな文字に使って読みやすさアップ。
media.ioで生成したブラッシュリネンニュートラルの画像例
3) セージガーデンコントラスト

HEX: #FA8072 #8FB996 #2F3E3A #F9F1E6 #D9C3A5
印象: ナチュラル、落ち着き、癒し
おすすめ用途: ボタニカルブランドアイデンティティ
ハーブガーデンのような落ち着きと、熟した果実のポップなアクセント。ボタニカルブランドやウェルネスラベル、エコ系パッケージに最適で、温かさがナチュラルに伝わります。台座にはセージとクリームを使い、サーモンをフレンドリーなハイライトにしましょう。ポイント:ダークグリーンをロゴやアウトラインに使って、全体の印象がぼやけないように。
media.ioで生成したセージガーデンコントラストの画像例
4) ミッドナイトネイビーポップ

HEX: #FA8072 #0A2342 #F4F1DE #2A9D8F #1D1D1F
印象: ボールド、モダン、高コントラスト
おすすめ用途: テック系ランディングページヒーロー
夜空に輝くネオンサインのような、大胆でシネマティックな印象。サーモンカラーの組合せはテック系のLPやピッチデック、ヒーローセクションですぐにコントラストを出したい時に最適です。ネイビーをメインキャンバスにし、サーモンを主要ボタンや重要な指標に利用。ポイント:ティールは二次アクション用にして階層を明確にしましょう。
media.ioで生成したミッドナイトネイビーポップの画像例
5) テラコッタクレイハーモニー

HEX: #FA8072 #C76D52 #A44A3F #F3E0D2 #3E2C2C
印象: アーシー、居心地のよさ、クラフト
おすすめ用途: 陶芸スタジオのブランディング
焼き上げたテラコッタや陽射しあふれるアトリエのような温かさと、手作りの雰囲気。サーモンカラースキームは、職人系ブランドや陶芸工房、ハンドメイド商品のラインにぴったりです。クリーム色で余白をとり、サーモン&テラコッタをラベルやアイコンに重ねてみましょう。ポイント:深いブラウンは文字やスタンプに少量だけ使い、全体が親しみやすくなるように。
media.ioで生成したテラコッタクレイハーモニーの画像例
6) ローズウォーターミニマルUI

HEX: #FA8072 #FFD6CF #F8F8F8 #343A40 #A0AEC0
印象: クリーン、やさしい、ユーザーフレンドリー
おすすめ用途: ヘルス系アプリUIキット
明るいカウンターに置かれたローズウォーターのような、やさしく磨かれた雰囲気。サーモンカラーパレットは、安心感が求められるヘルスアプリやオンボーディング、ダッシュボードによく合います。ライトなブラッシュやホワイトは面として、サーモンはトグルや進行度のハイライトに。ポイント:本文テキストはチャコールで、ボタンにはしっかりとしたコントラストを確保しましょう。
media.ioで生成したローズウォーター ミニマルUIの画像例
7) アプリコットサンライズ

HEX: #FA8072 #FFB385 #FFE8C7 #6C5CE7 #2D2A32
印象: 前向き、遊び心、クリエイティブ
おすすめ用途: SNSキャンペーングラフィック
朝焼けのように明るく、アプリコットの暖かさとバイオレットの意外なアクセント。SNS投稿やクリエイター向けキャンペーン、目を引くお知らせに最適です。サーモンとアプリコットをグラデーションやブロックに、バイオレットはバッジやハイライトに活用しましょう。ポイント:ダークテキストは最小限に、大きな文字で軽さとポジティブさを表現して。
media.ioで生成したアプリコットサンライズの画像例
8) ダスティモーヴ ロマンス

HEX: #FA8072 #C08497 #F2E9E4 #4A4E69 #9A8C98
印象: ロマンティック、ヴィンテージ、洗練された
おすすめ用途: エンゲージメント発表カード
ロマンティックで少し懐かしい、古い本に押し花を挟んだような雰囲気。婚約カードや親しいお祝い、ブティックのライフスタイルブランドにぴったりです。モーヴと柔らかいクリームでトーンを決め、サーモンをモノグラムや縁取りの暖かいアクセントに使いましょう。コツ:長いテキストにはスレートトーンを使うと全体が上品にまとまり、甘くなりすぎません。
media.io で生成されたダスティモーヴロマンスの画像例
9) ティールハーバーアクセント

HEX: #FA8072 #1F7A8C #BFDBF7 #E1E5F2 #022B3A
印象: 新鮮、マリン風、自信
おすすめ用途: スタートアップピッチデックスライド
港の景色のように新鮮でフォーカスされた印象。これらのサーモンカラーの組み合わせは、ピッチデックや企業スライド、データストーリーなど明瞭さが求められる場面に適しています。淡いブルーをチャートやセクションに使い、重要な数字はサーモンで強調しましょう。コツ:最も暗いネイビーは見出しや軸ラベルに使えば、ビジュアル全体がシャープでプロフェッショナルに見えます。
media.io で生成されたティールハーバーアクセントの画像例
10) サンドストーンデザート

HEX: #FA8072 #E7CBA9 #FDF1DF #B56576 #6D4C41
印象: 甘い、温かみ、ブティック
おすすめ用途: ベーカリー包装とラベル
黄金色の時間帯のペストリーケースのように甘くて居心地の良い雰囲気。これらのサーモンカラーはベーカリーブランディングやデザート包装、カフェメニューの手作り感やウェルカム感に最適です。クリームとサンドストーンを包装や箱に使い、サーモンをスタンプやフレーバータグのアクセントにしましょう。コツ:ベリーは補助的なアクセントとして使うことで全体の暖かさがやわらかく食欲をそそります。
media.io で生成されたサンドストーンデザートの画像例
11) チャコールモダンエッジ

HEX: #FA8072 #1F2933 #F5F7FA #CBD2D9 #7B8794
印象: スタイリッシュ、モダン、自信
おすすめ用途: プロダクトランディングページ UI
マットチャコールに暖かいアクセントストライプが入ったような、洗練された現代的デザイン。これらのサーモントーンはプロダクトランディングページやSaaSセクション、特徴グリッドなど階層性が必要な場面に最適です。ほぼ白をメインのキャンバスにし、サーモンは主要なCTAやアイコンに限定して使いましょう。コツ:グレーはカードやディバイダーに使えばアクセントカラーが高級感と意図を持って際立ちます。
media.io で生成されたチャコールモダンエッジの画像例
12) ミントジェラートフレッシュ

HEX: #FA8072 #B8F2E6 #AED9E0 #5E6472 #FAF3DD
印象: 新鮮、軽やか、親しみやすい
おすすめ用途: アイスクリーム店ポスター
ミントジェラートにコーラルのドリズルをかけたようなフレッシュで遊び心のある雰囲気。フードポスターや季節限定、明るい小売サインにぴったりです。ミントとクリームで広い面を担い、サーモンは価格やおすすめフレーバーに使いましょう。コツ:スレートグレーは文字用にすればパステルカラーの読みやすさを保てます。
media.io で生成されたミントジェラートフレッシュの画像例
13) ベリーワインディプス

HEX: #FA8072 #7A1F3D #B23A48 #F3D9DC #2B2D42
印象: 濃厚、ドラマティック、ブティック
おすすめ用途: コスメ広告
ベリーワインに柔らかなロージーヴェールを載せたような濃厚でドラマティックな雰囲気。サーモンカラーパレットはコスメや高級ビューティープロモーション、編集スタイルの製品バナーに最適です。サーモンとブラッシュを組み合わせると肌色の温かみが出て、ワイントーンはラグジュアリーな対比となります。コツ:一番濃い色は小さな文字やロゴに使い、主製品の焦点が損なわれないようにしましょう。
media.io で生成されたベリーワインディプスの画像例
14) ラベンダーヘイズソフト

HEX: #FA8072 #BDB2FF #FFC6FF #FFFFFC #4B5563
印象: 夢幻的、やさしい、モダン
おすすめ用途: ポッドキャストカバーアートワーク
ラベンダーヘイズに温かいブラッシュの輝きが差す夢幻的でエアリーな印象。ポッドキャストカバーやクリエイターサムネイル、ソフトなライフスタイルグラフィックにぴったりです。白に呼吸スペースを持たせ、サーモンとラベンダーをバランスさせるとモダンで親しみやすい組み合わせになります。コツ:グレーは番組タイトルに使えば小さいサイズでも視認性を保てます。
media.io で生成されたラベンダーヘイズソフトの画像例
15) シトリンスパーク

HEX: #FA8072 #FFD166 #06D6A0 #073B4C #F8F9FA
印象: エネルギッシュ、晴れやか、大胆
おすすめ用途: イベントフライヤーデザイン
シトラススライスが明るいテーブルに並ぶようなエネルギッシュで晴れやかな雰囲気。サーモンカラーの組み合わせはイベントフライヤーや音楽ナイト、コミュニティプロモーションで即座に注目を集めるのに最適です。ベースにはネイビーを使い、見出しや詳細はサーモンとイエローで際立たせましょう。コツ:グリーンはアイコンやチケットの小さなアクセントに使うと新鮮な印象を与え、リードカラーとして目立ちすぎません。
media.io で生成されたシトリンスパークの画像例
16) エスプレッソウォームス

HEX: #FA8072 #3B2F2F #8D6E63 #F1E0D6 #D4A373
印象: 温かみ、居心地、ラスティック
おすすめ用途: コーヒーショップメニューボード
エスプレッソのクレマや焼きたてのシナモンのような温かくて心地よいデザイン。サーモンカラーはカフェメニューやロースタリーブランド、ホスピタリティデザインに最適です。メニューベースにはクリームを使い、セクション見出しにサーモンをアクセントとして使いましょう。コツ:一番濃いエスプレッソトーンは価格や小ラベルに使って素早く視認できるようにしましょう。
media.io で生成されたエスプレッソウォームスの画像例
17) シーフォームスパカーム

HEX: #FA8072 #CDEAE5 #8EC6C5 #F7F7F2 #3D405B
印象: 落ち着き、クリーン、回復
おすすめ用途: スキンケアパッケージデザイン
シーフォームや柔らかいタオルのような静かなスパを思わせる落ち着きと回復力。スキンケアパッケージやウェルネスラベル、クリーンビューティーブランディングに最適です。オフホワイトとシーフォームをパッケージベースに使い、サーモンはやさしいアクセントストライプやシールとして入れましょう。コツ:濃いインディゴは成分テキストやブランドマークの小さい部分だけに使い、空気感を保ちましょう。
media.io で生成されたシーフォームスパカームの画像例
18) カッパーオータムグロウ

HEX: #FA8072 #B85C38 #F2D7C9 #7D6B5D #2D1E1A
印象: 秋の雰囲気、温かみ、エレガント
おすすめ用途: 秋ファッションルックブック
銅葉や暖かいニットウェアのような秋らしいエレガントさ。サーモントーンは秋ルックブックや季節キャンペーン、ブティックの小売レイアウトで活躍します。サーモンと銅は見出しや強調部分に使い、柔らかいブラッシュを背景トーンにしましょう。コツ:ほぼ黒いブラウンは細かいタイポグラフィに使えばページ全体がラグジュアリーで安定感があります。
media.io で生成されたカッパーオータムグロウの画像例
19) グレイシャーグレイバランス

HEX: #FA8072 #E5E7EB #9CA3AF #111827 #F9FAFB
印象: バランス、ミニマル、プロフェッショナル
おすすめ用途: ダッシュボードデータビジュアライゼーション
清潔な作業スペースのようにバランスとミニマルが特徴的で、ひとつの暖色ハイライトが映えます。ダッシュボードやアナリティクスビュー、B2Bインターフェイスなど、データが主役の場面に最適です。グレーをチャートやパネルに使い、サーモンは主要なトレンドラインやアラートにだけ使いましょう。コツ:ほぼ黒はラベル用に、サーモンは少量だけ使うことで重要性を保てます。
media.io で生成されたグレイシャーグレイバランスの画像例
20) ゴールデンアワーエディトリアル

HEX: #FA8072 #F4A261 #E9C46A #264653 #FDF6EC
印象: 編集的、温かみ、洗練
おすすめ用途: 雑誌カバーレイアウト
クリーム紙にゴールデンアワーの光が差すような温かく洗練された雰囲気。サーモンカラーパレットは雑誌カバーや編集レイアウト、プレミアムブログヘッダーにサンキストムードをもたらします。クリームをメインフィールドにし、サーモンとアンバーをカバーラインやバッジにバランスを持たせて使いましょう。コツ:マストヘッドは深いティールで固定すれば暖色がぼやけません。
media.io で生成されたゴールデンアワーエディトリアルの画像例
21) パームスプリングポップ

HEX: #FA8072 #FFDDD2 #84A59D #F28482 #3A506B
印象: レトロ、晴れやか、遊び心
おすすめ用途: サマーパーティーの招待状
プールサイドのポストカードのようなレトロで晴れやかな雰囲気。サマーパーティーの招待状や遊び心のある告知、明るいコミュニティイベントにおすすめです。ブラッシュとサーモンを主力にし、セージは葉モチーフや小アイコンに。コツ:ディープブルーは日付や場所など主要情報に使えば、招待状の内容が瞬時にわかります。
media.io で生成されたパームスプリングポップの画像例
サーモンと相性の良い色は?
ティール、シーフォーム、淡いブルーなどのクールトーンはサーモンをシャープで現代的に見せ、UIやデータビジュアル、モダンブランディングにぴったりです。ネイビーやチャコール、ほぼブラックなどのダークカラーはコントラストを即座に引き立て、サーモンをCTAやバッジ、重要指標に効果的に使えます。
暖色系との組み合わせには、クリーム、リネン、タン、テラコッタ、エスプレッソブラウンなどでサーモンを職人的または高級感のある印象に引き上げましょう。落ち着いたモーヴやラベンダーも、柔らかくロマンチックなパレットを演出したいときに美しく組み合わせられます。
迷った場合は、サーモンをアクセント(10〜20%程度)にして、薄いニュートラルカラーをベースに用い、タイポグラフィには一つ深い色を選んで可読性を守るのが良いでしょう。
サーモンカラーパレットを実際のデザインで活用する方法
ブランディングでは、サーモンは親しみやすいカテゴリ(ビューティー、ウェルネス、フード、ライフスタイル)や、よりテクニカルな製品に「ヒューマン」なハイライトとして効果的です。サーモンをロゴやラベル、アイコンなどで少しずつ使い、構造の大部分をニュートラルカラーやダークトーンに任せましょう。
UIでは、サーモンを優先シグナルのように扱います:プライマリーボタン、アクティブ状態のトグル、プログレスバー、アラートのハイライトなどです。チャコールのテキストとほぼ白のサーフェスと合わせ、ボタンや小さなテキストの可読性を保てるようコントラストも確認しましょう。
印刷物(ウェディング、招待状、パッケージ)では、サーモンは暖色系の紙—クリーム、ブラッシュ、リネン—によく映え、深みのあるインク色(ブラウン、インディゴ、ネイビー)を一色使うことで細部が際立ちます。
AIでサーモンパレットのビジュアルを作成する
すでにHEXコードがある場合、レイアウトやスタイルを説明するだけで、マッチするポスター、UIモックアップ、パッケージ案を数分で生成できます。ポイントは、まずメインカラーを挙げ、次にアクセントカラーをリストアップし、「クリーン背景」を指定することで、モダンでミニマルな仕上がりを得られます。
同じプロンプトで複数のバリエーションを作ってみましょう(タイポグラフィスタイルやアスペクト比を変えたり、「ベクターフラットデザイン」または「リアルなスタジオショット」を加えたりすると、サーモンのさまざまなカラースキームを素早く探索できます)。
強い方向性が見つかったら、サーモンをシグネチャーアクセントとして一貫させ、SNS投稿やスライド、商品画像などの再利用可能なテンプレートを作ると良いでしょう。
サーモンカラーパレット よくある質問
-
サーモンのHEXコードは何ですか?
よく使われるサーモンのHEXは#FA8072です。これは、周囲の色によってよりコーラル寄りまたはブラッシュ寄りに見える、暖かみのあるピンクオレンジです。 -
サーモンはブランディングに適した色ですか?
はい。サーモンはフレンドリーでモダンな印象があり、ウェルネス、ビューティー、ライフスタイル、フード、さらにはテックブランドでもCTAやハイライトのアクセントとして役立ちます。 -
サーモンとよく合うコントラストカラーは?
ディープネイビー、チャコール、ほぼブラックはサーモンと強いコントラストを生みます。ティールなどのクールトーンもサーモンを引き立て、より現代的な印象を高めます。 -
サーモンはプロフェッショナルなUIデザインでも使えますか?
はい、特にアクセントカラーとして主要なアクションやアクティブ状態、重要指標で効果的です。ニュートラルなサーフェス(オフホワイトやライトグレー)とダークテキストを使うことで、階層や可読性をしっかり維持できます。 -
サーモン配色が「ピンクすぎる」印象にならないようにするには?
アースカラーのニュートラル(リネン、トープ、ウォームグレー)やブラウン/テラコッタなどのアーシーな色味、または深みのある1色(ネイビー、エスプレッソ、チャコール)を加えることで、暖かさをバランスできます。 -
サーモンに合うニュートラルカラーは?
クリーム、ウォームホワイト、ライトベージュ、サンドストーン、ソフトグレーなどがサーモンとよく合います。これらのニュートラルはサーモンを引き立てつつ、全体のデザインがうるさくならないようにしてくれます。 -
デザインでサーモンはどのくらい使えば良いですか?
ほとんどのレイアウトでは、サーモンを10〜20%程度のアクセントとして控えめに使いましょう。ベースはニュートラルカラーにし、テキストや構造には深い色を用いると良いでしょう。
次に: チェスナットカラーパレット

