サーモンピンク(#FA8072)は、コーラルの暖かさと淡いブラッシュの魅力の中間に位置します。親しみやすくモダンな印象があり、ブランディング、UI、招待状、コンテンツテンプレートの万能な基調色となります。
以下に、HEXコード、ムードメモ、実際の組み合わせヒント付きで、20種類以上のサーモンピンクのカラーパレットアイデアをご紹介します。さらに、マッチしたビジュアルをすぐ生成できるAIプロンプトも掲載しています。
サーモンピンクのパレットが優れている理由
サーモンピンクは、温かみがありながらも落ち着いた洗練さを失いません。その絶妙なバランスは、レイアウトを圧迫することなく大面積(背景、カード、パッケージなど)にも使いやすくしてくれます。
また、サーモンピンクはクールなコントラスト(ティール、スレート、ネイビー)とも、暖かな組み合わせ(ピーチ、アプリコット、ベージュ)とも自然に馴染みます。この柔軟性により、ブランドのトーンを一貫しながらもボタンやヘッダー、アクセントで明確なヒエラルキーを作れます。
デジタルデザインでのサーモンピンクは人間味があり楽観的に見えるため、モダンなUIやライフスタイルブランディング、親しみやすい高級感を出したいキャンペーンに役立ちます。
20種類以上のサーモンピンクカラーパレットアイデア(HEXコード付き)
1) シーサイドサーモン

HEX: #FA8072 #FFD6C9 #FFF3E9 #2F6F6D #0F2E3A
ムード: エアリー、海辺、リフレッシュ
おすすめ用途: リゾートブランディング、夏のプロモ、旅行系SNS投稿
エアリーで海辺を思わせるこの配色は、陽だまりと潮風を感じさせます。ソフトピーチやクリームを広めの背景に、深いティールやネイビーでレイアウトを引き締めるとコントラストが効きます。旅行ブランドや季節キャンペーン、親しみやすいライフスタイル系コンテンツに最適です。コツ:テキストは濃いネイビー、ボタンやキーメッセージだけにティールを使うことで、サーモンピンクがやさしく引き立ちます。
media.ioを使って生成した「シーサイドサーモン」配色の画像例
Media.ioは、ブラウザで動画・画像・音声の作成や編集ができるオンラインAIスタジオです。
2) ローズクレイニュートラル

HEX: #F48B8D #D8A7A0 #E8D6C8 #B7B2A7 #3B3A36
ムード: 落ち着き、穏やか、オーガニック
おすすめ用途: ブティックスキンケアのブランディング、パッケージシステム、ミニマルWebサイト
大地のような落ち着きを感じるこの配色は、ローズクレイ・暖かい砂・ソフトな石のような印象。トープやベージュで広い面をまとめ、ピンクはラベルや強調にやさしく使いましょう。スキンケアやウェルネススタジオ、静かな高級感のある商品ページにおすすめ。コツ:濃いチャコールでタイポグラフィを統一すると、明るい中間色とのコントラストで可読性が向上します。
media.ioを使って生成した「ローズクレイニュートラル」配色の画像例
3) シトラスソルベ

HEX: #FF7E6B #FFC3A0 #FFE7B8 #7AD7C1 #2A4A57
ムード: ポップ、明るい、ジューシー
おすすめ用途: サマーキャンペーングラフィック、飲料広告、エネルギッシュなランディングページ
陽気でみずみずしく、シャーベットの渦や明るい午後の光をイメージさせます。コーラルとミントをメインに据え、ディープスレートは抑えめに使うとバランスが良いです。夏のプロモや飲料ブランド、インパクトのあるヒーローエリアに最適。コツ:背景は明るく暖かく、最も暗い色は見出しや価格表示にだけ使うと効果的です。
media.ioを使って生成した「シトラスソルベ」配色の画像例
4) ヴィンテージブラッシュ

HEX: #F7A6A2 #F3D1C8 #F6EFEA #C8A6B5 #5A4A52
ムード: ロマンティック、ノスタルジック、やわらかい
おすすめ用途: ウェディングステーショナリー、ブティックルックブック、フェミニンなエディトリアルデザイン
ロマンティックで懐かしいこのブラッシュトーンは、押し花やサテン生地のような雰囲気。淡いクリームとダスティモーヴを合わせることで、ヴィンテージ感のあるプリントに。プラムグレーは上品な文字色にぴったりです。ウェディング用品やルックブック、やさしいエディトリアルレイアウトにも最適。コツ:パステルカラーの豊かさを画面で感じるには、微細なグレインや紙の質感を加えるのもおすすめです。
media.ioを使って生成した「ヴィンテージブラッシュ」配色の画像例
5) コッパーブルーム

HEX: #FF8A7A #F7B4A4 #D18E6D #F1E5D6 #2D2A28
ムード: 暖かい、手作り感、職人的
おすすめ用途: キャンドルラベル、職人食品パッケージ、あたたかいECバナー
温かく職人感あふれるこのパレットは、銅鍋、ベイクドスパイス、夕暮れの柔らかな光を感じます。キャラメルコッパーをサブアクセントに使うことで、ピンクを活き活きと魅せつつ甘くなりすぎません。キャンドルや手作り食品、クラフト市場に理想的。コツ:印刷物はクリームが支配的になり、ロゴなどの強調に最も濃い色を使うと高級感が際立ちます。
media.ioを使って生成した「コッパーブルーム」配色の画像例
6) ノルディックパステル

HEX: #F9A7A0 #FCE2DA #EAF4F2 #A9C9C3 #2E3A3A
ムード: 清潔、モダン、エアリー
おすすめ用途: ウェルネスアプリ、モダンUIキット、落ち着いたダッシュボードテーマ
クリーンでエアリーな印象は、明るいスタジオやリネンカーテン、淡い陶器を思わせます。ミント系の明るい中間色で画面を軽やかにし、サーモンは強調やステートにフレンドリーに使うのがおすすめ。ウェルネスアプリやダッシュボード、UIキットに合います。コツ:文字やナビゲーションには濃いグレーグリーン、サーモンはメインアクションだけに限定して使用しましょう。
media.ioを使って生成した「ノルディックパステル」配色の画像例
7) テラコッタデザート

HEX: #FA8072 #F2B8A0 #E7C6A6 #8E5E4A #2A1E1A
ムード: こんがり、素朴、あたたかみ
おすすめ用途: レストランメニュー、カフェブランディング、フードフォトオーバーレイ
香ばしさと安心感を感じるこの配色は、焼き上げたテラコッタやカラメルソース、温かなカフェの灯りにぴったり。サーモンピンクは、深いココアブラウンと組み合わせるとメリハリが出て、全体が美味しそうで落ち着いた雰囲気に。メニューやポイントカード、ベーカリーやブランチスポットのSNSテンプレにおすすめです。コツ:背景ブロックは温かい中間色一つに絞り、サーモンピンクは「新着」「季節」「シェフのおすすめ」などバッジ使いすると効果的。
media.ioを使って生成した「テラコッタデザート」配色の画像例
8) ピオニーラテ

HEX: #FF8E86 #FFD2C7 #FFF2EC #CDB7A5 #6A5A54
ムード: やわらか、心地よい、上品
おすすめ用途: ビューティーランディングページ、ライフスタイルブログ、やさしいブランドリフレッシュ
やわらかさと温かみを持つこのパレットは、朝食テーブルに咲く芍薬とミルク入りラテのよう。暖かいベージュやモカトーンがピンクを程よく上品にまとめてくれます。ビューティーサイトやライフスタイルブログ、商品ストーリーに最適です。コツ:細いモカの罫線や十分な余白を加え、パステルを洗練された編集リズムで魅せましょう。
media.ioを使って生成した「ピオニーラテ」配色の画像例
9) サンセットメロン

HEX: #FF7A7A #FFB07C #FFD8A6 #7E4E60 #2B1C2A
ムード: 大胆、暖かい、夕焼け色
おすすめ用途: イベントポスター、音楽プロモーション、エネルギッシュなブランドキャンペーン
力強く夕日のような配色は、メロンのスライスや暖かく灯るネオン、夏の終わりの空を思わせます。オレンジやバターの色味は大胆な形に使い、深いプラム色でドラマティックなコントラストを加えましょう。イベントポスター、音楽プロモ、インパクトのあるキャンペーングラフィックに最適です。コツ:小さな文字はダークトーンに限定し、明るい色は大きなブロックに使うことで視覚的なノイズを避けましょう。
media.io により生成された夕焼けメロンの画像例
10) ミニマルウォームス

HEX: #F98F86 #F6C8BE #F7F0EA #B9C2C7 #1F2A30
ムード: ミニマル、バランス、プロフェッショナル
おすすめ用途: SaaS オンボーディング、プレゼンデッキ、モダンなコーポレートサイト
ミニマルでバランスが取れ、暖かい光がクールなスチールや清潔な紙に差し込むような配色です。ほとんどのレイアウトはオフホワイトでまとめ、サーモンは進行状態や親しみやすいアクセントに使いましょう。SaaS オンボーディング、提案資料、クリアさを保ちつつ温かみを出したい現代的なコーポレートサイトにもフィットします。コツ:サーモンボタンは深いブルーグレーと組み合わせ、ホバーステートや抑制されたアクセント比率を保ちましょう。
media.io により生成されたミニマルウォームスの画像例
11) コーラルリネン

HEX: #FA8C7D #FAD0C6 #F9F4EF #9BAA9E #3C4A42
ムード: フレッシュ、ナチュラル、リラックス
おすすめ用途: エコブランディング、ホームアイテムのパッケージ、サステナブルなウェブデザイン
フレッシュでリラックス感のある配色は、コーラルで染めたリネンやガーデングリーンのニュアンスを感じさせます。柔らかなブラッシュカラーで親しみやすさを保ち、セージグリーンで自然でエコな印象を演出。ホームアイテムやサステナブルブランド、クリーンな商品ページに最適です。コツ:セージはサブボタンやアイコンに使い、暖色が印象的に主役となるようにしましょう。
media.io により生成されたコーラルリネンの画像例
12) アプリコットスタジオ

HEX: #FA8072 #FFB8A7 #FFE2D7 #E7E3DF #2A2A2A
ムード: クリエイティブ、軽やか、スタジオのようにクリーン
おすすめ用途: クリエイターポートフォリオ、デザインエージェンシー、ムードボード
クリエイティブでスタジオのような清潔感ある配色は、アプリコット紙やペイントスウォッチ、明るいデスクライトを思わせます。ライトグレーでレイアウトのニュートラル感を保ちつつ、サーモンやアプリコットカラーが自然に視線を誘導します。サーモンピンクのカラーはエージェンシーサイト、ポートフォリオ、ムードボードにピッタリ。コツ:ほぼ黒に近いカラーでグリッドラインやキャプションを引き締め、モダンでシャープな仕上がりにしましょう。
media.io により生成されたアプリコットスタジオの画像例
13) ボタニカルピンク

HEX: #FF8A83 #FFD1C5 #FFF6EF #7FA08C #2D4B3C
ムード: ボタニカル、やさしい、春らしい
おすすめ用途: 花のイラスト、ガーデンブランド、季節のカード
ボタニカルで春らしいこの配色は、新芽や柔らかな花びら、朝露を連想させます。グリーンが構成とフレッシュさを与え、ピンクがやさしく親しみやすいムードを保ちます。ガーデンブランドや季節のカード、ボタニカルイラストセットにおすすめ。コツ:最も濃いグリーンは茎やテキストに、明るめグリーンは背景のウォッシュに使い分けましょう。
media.io により生成されたボタニカルピンクの画像例
14) サテンリボン

HEX: #F77F86 #F6B9C2 #F9E6E8 #C7C0CF #3F3546
ムード: グラマラス、シルキー、ロマンティック
おすすめ用途: ビューティープロモ、ギフトパッケージ、ブティックのSNS広告
グラマラスでシルキーな配色は、サテンリボンやソフトブラッシュのメイク、ラベンダーダスクの雰囲気を感じさせます。淡いピンクを発光するベースにして、深いプラムで高級感のあるフォーカルポイントを演出。ビューティープロモやギフトパッケージ、ブティックのSNS広告などに適しています。コツ:ピンク同士の微妙なグラデーションで布の光沢感を演出しましょう。
media.io により生成されたサテンリボンの画像例
15) モダンレトロポップ

HEX: #FF6F7E #FFA8A0 #FFD56A #3A7CA5 #1E2A3A
ムード: レトロ、インパクト、コンフィデント
おすすめ用途: SNSリールのカバー、スタートアップのローンチ、遊び心あるポスター
レトロでインパクトのある配色は、アーケードポスターや太い見出し、明るいアクセントポップを思わせます。深いネイビーでレイアウトを引き締めつつ、サーモンとイエローで楽しくエネルギッシュな印象をプラス。スタートアップのローンチや遊び心あるポスター、SNSカバーなど、スクロールストップ効果も抜群です。コツ:ブルーは大きなブロックやヘッダーバーのみ使い、暖色を引き立てて読みやすさもキープ。
media.io により生成されたモダンレトロポップの画像例
16) ダスティコーラルドリフト

HEX: #F58A86 #E7B7B0 #F2E4DE #A5B1B8 #374046
ムード: 落ち着いた、エアリー、コンテンポラリー
おすすめ用途: インテリアムードボード、建築ポートフォリオ、落ち着いたプレゼンテーション
落ち着いて現代的なこの配色は、ダスティコーラルのペイントとソフトコンクリート、霞がかった空を感じさせます。ブルーグレーが暖色をクールダウンし、大きな面積でも甘くなりすぎません。インテリアムードボードや建築ポートフォリオ、リラックスしたプレゼン資料に最適。コツ:ニュートラルを主役にして、コーラルはセクション見出しや重要ピンで活用しましょう。
media.io により生成されたダスティコーラルドリフトの画像例
17) シャンパンペタル

HEX: #FF8C7D #FFD6CE #FFF7F2 #E9D7C3 #6B5A4D
ムード: 祝祭感、ソフト、洗練
おすすめ用途: ブライダルブランディング、シャンパンバー、エレガントなフライヤー
お祝い感があり洗練された配色は、グラスを重ねる音や、リネンに散らされた花びらの柔らかさを連想させます。シャンパンベージュとクリームが上品なベースを作り、サーモンが印刷でも温かさを引き立てます。ブライダル、エレガントなフライヤーや高級サービスページにおすすめ。コツ:ベージュトーンはメタリックフォイルや控えめなグロス加工で仕上げ、ピンクが主張し過ぎないようにしましょう。
media.io により生成されたシャンパンペタルの画像例
18) ソフトネオンアクセント

HEX: #FF6E7A #FFA7B0 #FFE3E8 #B6F2E5 #24333A
ムード: モダン、活気、高コントラスト
おすすめ用途: アプリのマーケティンググラフィック、CTAセクション、若者向けブランディング
モダンで活気ある配色は、霧の中で灯るソフトなネオンサインを感じさせます。ミントアクアがパレットにエネルギーを与え、深いスレートが明るいピンクの「キャンディ感」を抑えます。アプリのマーケグラフィックやCTA、若者向けブランドに最適です。コツ:ネオンピンクは各画面で主なアクション一つに限定し、柔らかいピンクはサブのハイライトに使いましょう。
media.io により生成されたソフトネオンアクセントの画像例
19) オータムサーモン

HEX: #FA8072 #F2A38D #C97C5D #6E7C5B #2C2A22
ムード: アーシー、季節感、コージー
おすすめ用途: 秋のキャンペーン、クラフトマーケット、季節商品のローンチ
アーシーで季節感ある配色は、落ち葉やニットの質感、温かなマーケットの灯りを思わせます。オリーブや深いブラウンがピンクに大人っぽさを加え、秋のキャンペーンやラスティックなブランドに最適。クラフトマーケットやパッケージにもぴったりです。コツ:オリーブを主な背景色にし、サーモンはスタンプやステッカー、セール表示などに使いましょう。
media.io により生成されたオータムサーモンの画像例
20) ウェディングウィスパー

HEX: #FF8F86 #FFD8D1 #FFF9F6 #D7C6D6 #4B3E48
ムード: 繊細、ロマンティック、タイムレス
おすすめ用途: ウェディングスイート、セーブザデート、エレガントな招待状
繊細で時を越えて愛されるこの配色は、誓いのささやきや柔らかなチュール、キャンドルが灯る披露宴テーブルを思わせます。淡いブラッシュとほぼ白でレイアウトを軽やかにし、控えめなライラックとプラムでエレガントに引き締めます。ウェディングスイートやセーブザデート、高級感のある招待状におすすめ。コツ:未加工紙に印刷し、ダークプラムでモノグラムを入れると全体がすっきり美しくなります。
media.io により生成されたウェディングウィスパーの画像例
21) シティコーラルコントラスト

HEX: #FF7F78 #FFB9AE #F2F2F2 #6C7A89 #1B1F24
ムード: アーバン、シャープ、モダン
おすすめ用途: テックブランディング、ピッチデッキ、クリーンなプロダクトUI
都会的でシャープな配色は、コーラルのアクセントがコンクリートやガラス、夜のサインを背景に映えるイメージ。グレーがグリッドやデータのしっかりした構成を作り、暖かなピンクが人間的なエネルギーを加えます。テックブランドやピッチデッキ、クリーンなプロダクトUIにぴったりのサーモンピンクパレットです。コツ:コーラルはハイライトやステータス色に限定し、その他はニュートラルな面でプレミアム感を保ちましょう。
media.io により生成されたシティコーラルコントラストの画像例
サーモンピンクに合う色は?
サーモンピンクはティールやディープネイビー、スレート、ブルーグレーのようなクールなコントラストカラーと相性が良く、読みやすさを高め、サーモンのアクセントを意図的で洗練された印象にします。
より柔らかくロマンティックな組み合わせの場合は、クリームやシャンパンベージュ、ウォームトープ、モカなどの暖色ニュートラルに寄せましょう。特にパッケージやエディトリアルページでは落ち着きと高級感を保てます。
遊び心あるエネルギーを出すにはバターイエロー、アプリコット、ピーチのような陽だまり色やミント/アクアを加えましょう。明るい色は大きな形に、テキストは暗めで見やすさをキープ。
サーモンピンクカラーパレットの実際のデザインでの使い方
まず役割ごとに色を割り当てるのがポイントです。背景にライトニュートラル、テキストにダークトーン、サーモンピンクは主役の強調、サポートアクセント(多くはグリーンやブルー)はサブアクションやデータステート用に。
UIでは、サーモンは主要アクション(プライマリーボタンやアクティブ状態、ハイライト)だけに使い、ニュートラルが面積の大部分を担当。これにより一貫性が増し、インターフェースが可愛くなりすぎず現代的に感じられます。
印刷物やブランド用途では、サーモンは素材感や抑制を効かせて使うのが鉄則です。ラベルのハイライトやスタンプ、ヘッダーバンドなどに活用し、タイポグラフィはチャコールやネイビーでまとめましょう。
AIでサーモンピンクパレットのビジュアルを作成する
既に HEX コードがあれば、それを使って商品シーン、ポスター、ダッシュボード、フラットレイを素早く生成し、ブランドイメージにマッチさせることができます。
上記パレットから選んでプロンプトをコピーし、対象(パッケージ、UI、招待状、バナーなど)を変えて色指定はそのまま。これで本格的なデザインシステムに入る前にブランド方向性のテストが可能です。
Media.io なら、数分で複数バリエーションを作成でき、キャンペーンやランディングページ、SNSグラフィックでも一貫したイメージを保てます。
サーモンピンク カラーパレット よくある質問
-
サーモンピンクのHEXコードは何ですか?
クラシックなサーモンピンクの HEX コードは#FA8072. 多くの「サーモン」バリエーションはやや暖かく(よりオレンジ寄り)または柔らかく(より血色感のある)変化しますが、#FA8072が最も認識されている基準色です。 -
サーモンピンクは暖色系ですか、それとも寒色系ですか?
サーモンピンクは一般的に暖色の色です。赤やピンクにオレンジのニュアンスが混ざっているからです。よりクールに見せたい場合は、ティール、ネイビー、またはブルーグレーと組み合わせてください。 -
サーモンピンクと一番相性が良い色は何ですか?
印象的に引き立てる配色には、ティール, ディープネイビー、そしてスレートなどがあります。柔らかい印象にしたいなら、サーモンピンクにはクリーム, シャンパンベージュ, ウォームトープ、またはセージ. -
サーモンピンクはモダンなUIデザインにも使えますか?
はい—サーモンをアクセント(ボタン、ハイライト、バッジ)として使い、オフホワイトやグレーの面、それにダークなテキストで全体をまとめるのがポイントです。こうすることで、インターフェースはすっきりと読みやすく、現代的に仕上がります。 -
サーモンピンクが「甘く」なりすぎないようにするには?
チャコールやモカ, オリーブ, ブルーグレー、またはなどの落ち着いた色味とバランスをとり、サーモンを広い面積で唯一の飽和色として使うのは避けてください。、広い領域で唯一の飽和色としてサーモンを使用しないでください。 -
サーモンピンクは招待状やパッケージの印刷に適していますか?
サーモンピンクは一般的に印刷でもきれいに再現されます。特に非コート紙や軽くテクスチャーのある用紙に向いています。最良の結果を得るにはタイポグラフィに濃いインクを利用し、箔押しやスポットグロスなど特殊仕上げを使う場合は必ず校正をしてください。 -
サーモンピンクの配色イメージを素早く作る方法は?
AI画像生成ツールに、サーモンのトーンと1~2色のアクセントカラー(例:ティールやベージュなど)を明確に指定してプロンプトを入力します。Media.ioなどのテキストtoイメージ機能を使えば、複数の組み合わせモックアップをすぐに作って比較できます。
次へ: ラッパスイセンのカラーパレット

