サーモンは、親しみやすく、モダンで人間味のある暖かいピンクオレンジ色です。純粋なコーラルほど強くなく、さまざまなブランディング、UIのハイライト、イベント用ステーショナリー、製品パッケージに使いやすい万能な色です。

以下にHEXコード付きのサーモンカラーパレット例と、サーモンとニュートラルカラーやダークカラーとの合わせ方の実践的なアドバイスをご紹介します。

この記事の内容
  1. サーモンカラーの組み合わせが効果的な理由
    1. コースタルコーラルブリーズ
    2. ブラッシュリネンニュートラル
    3. セージガーデンコントラスト
    4. ミッドナイトネイビーポップ
    5. テラコッタクレイハーモニー
    6. ローズウォーター ミニマルUI
    7. アプリコットサンライズ
    8. ダスティモーブロマンス
    9. ティールハーバーアクセント
    10. サンドストーンデザート
    11. チャコールモダンエッジ
    12. ミントジェラートフレッシュ
    13. ベリーワインデプス
    14. ラベンダーヘイズソフト
    15. シトリンスパーク
    16. エスプレッソウォームス
    17. シーフォームスパカーム
    18. カッパーオータムグロウ
    19. グレイシャーグレイバランス
    20. ゴールデンアワーエディトリアル
    21. パームスプリングポップ
  2. サーモンと相性の良い色は?
  3. サーモンカラーパレットを実際のデザインで活用する方法
  4. AIでサーモンパレットのビジュアルを作成する

サーモンカラーの組み合わせが効果的な理由

サーモンはピンクオレンジの中間に位置し、柔らかさ(親しみやすく、ロマンチック)とエネルギー(フレッシュで楽観的)の両方を持ちます。このバランスにより、ウェルネス、美容、テクノロジー、ライフスタイル、食品など幅広い分野で活躍します。

また、クールカラーともウォームカラーとも相性抜群です。ティール、ネイビー、スレートはサーモンを高コントラストでモダンな印象に、クリーム色、タン、ブラウンと合わせればナチュラルで高級感のあるイメージに仕上がります。

UIやブランディングでは、サーモンはアクセントカラーとして特に効果的です。CTAやハイライトに使うと目立ちますが、純粋な赤ほど攻撃的には感じません。

20種類以上のサーモンカラーパレットアイデア(HEXコード付き)

1) コースタルコーラルブリーズ

coastal coral breeze salmon color palette with hex codes

HEX: #FA8072 #2EC4B6 #0B1320 #FFF3E7 #F2C14E

印象: 明るい、ビーチ風、前向き

おすすめ用途: 旅行ポスターデザイン

海沿いの朝のような明るさと爽やかさ、そしてクリーンなオーシャンカラーにコーラルの暖かみ。旅行のポスターやサマープロモーション、瞬時にエネルギーを届けたいブランドにおすすめのサーモンカラースキームです。サーモンとティールを見出しのペアに使い、深いネイビーで全体を引き締めましょう。ポイント:クリーム色をメインにして、アクセントカラーが陽射しのように感じられるように。

media.ioで生成したコースタルコーラルブリーズの画像例

coastal travel poster layout
プロンプト:海岸の形とタイポグラフィを特徴とするグラフィック旅行ポスター、背景はシンプル、主要色 #FA8072 と #2EC4B6、アクセント #0B1320 と #F2C14E、ミニマルでクリーンなレイアウト、写真やテクスチャなし --ar 4:3
Media.io
Media.ioは、ブラウザで動画・画像・音声の作成と編集ができるオンラインAIスタジオです。
media.io media.io

2) ブラッシュリネンニュートラル

blush linen neutral salmon color palette with hex codes

HEX: #FA8072 #F7E6D3 #C9B8A7 #6B5B4D #FFFFFF

印象: ソフト、エアリー、タイムレス

おすすめ用途: 結婚式招待状セット

やわらかなファブリックと優しい光に包まれたリネンをイメージした、親密さのあるパレット。サーモンカラーパレットは、結婚式のステーショナリーやブライダルシャワー、ミニマリストなイベントセットにぴったりです。温かみのあるオフホワイトを紙面に使い、名前や重要な情報にサーモンを配置しましょう。ポイント:深いブラウンは小さな文字に使って読みやすさアップ。

media.ioで生成したブラッシュリネンニュートラルの画像例

minimal wedding invitation suite
プロンプト:温かいホワイトの背景、エレガントなセリフ体タイポグラフィ、繊細なライン装飾の結婚式招待状デザイン、主要色 #F7E6D3 と #FA8072、テキストは #6B5B4D、ミニマルでフラットなデザイン、手やテーブルは含まない --ar 3:4

3) セージガーデンコントラスト

sage garden contrast salmon color palette with hex codes

HEX: #FA8072 #8FB996 #2F3E3A #F9F1E6 #D9C3A5

印象: ナチュラル、落ち着き、癒し

おすすめ用途: ボタニカルブランドアイデンティティ

ハーブガーデンのような落ち着きと、熟した果実のポップなアクセント。ボタニカルブランドやウェルネスラベル、エコ系パッケージに最適で、温かさがナチュラルに伝わります。台座にはセージとクリームを使い、サーモンをフレンドリーなハイライトにしましょう。ポイント:ダークグリーンをロゴやアウトラインに使って、全体の印象がぼやけないように。

media.ioで生成したセージガーデンコントラストの画像例

botanical brand identity board
プロンプト:クリーンなニュートラル背景にボタニカルロゴとシンプルなパターンのブランドアイデンティティボード、主要色 #8FB996 と #F9F1E6、アクセント #FA8072、ベクターフラットデザイン、写真なし --ar 16:9

4) ミッドナイトネイビーポップ

midnight navy pop salmon color palette with hex codes

HEX: #FA8072 #0A2342 #F4F1DE #2A9D8F #1D1D1F

印象: ボールド、モダン、高コントラスト

おすすめ用途: テック系ランディングページヒーロー

夜空に輝くネオンサインのような、大胆でシネマティックな印象。サーモンカラーの組合せはテック系のLPやピッチデック、ヒーローセクションですぐにコントラストを出したい時に最適です。ネイビーをメインキャンバスにし、サーモンを主要ボタンや重要な指標に利用。ポイント:ティールは二次アクション用にして階層を明確にしましょう。

media.ioで生成したミッドナイトネイビーポップの画像例

tech landing page hero
プロンプト:ウェブサイトのLPヒーローUIモックアップ、2Dフラットデザイン、デバイス枠無し、背景に#0A2342、CTAボタンに#FA8072、補助要素に#F4F1DEと#2A9D8F、モダンなタイポグラフィ --ar 16:9

5) テラコッタクレイハーモニー

terracotta clay harmony salmon color palette with hex codes

HEX: #FA8072 #C76D52 #A44A3F #F3E0D2 #3E2C2C

印象: アーシー、居心地のよさ、クラフト

おすすめ用途: 陶芸スタジオのブランディング

焼き上げたテラコッタや陽射しあふれるアトリエのような温かさと、手作りの雰囲気。サーモンカラースキームは、職人系ブランドや陶芸工房、ハンドメイド商品のラインにぴったりです。クリーム色で余白をとり、サーモン&テラコッタをラベルやアイコンに重ねてみましょう。ポイント:深いブラウンは文字やスタンプに少量だけ使い、全体が親しみやすくなるように。

media.ioで生成したテラコッタクレイハーモニーの画像例

ceramic candle packaging
プロンプト:シンプルなラベルのセラミックキャンドルジャー、リアルなスタジオ商品写真、クリーンなニュートラル背景、主要色 #C76D52 と #FA8072、アクセント #F3E0D2 と #3E2C2C、ソフトな拡散光、小物なし --ar 3:2

6) ローズウォーターミニマルUI

rosewater minimal ui salmon color palette with hex codes

HEX: #FA8072 #FFD6CF #F8F8F8 #343A40 #A0AEC0

印象: クリーン、やさしい、ユーザーフレンドリー

おすすめ用途: ヘルス系アプリUIキット

明るいカウンターに置かれたローズウォーターのような、やさしく磨かれた雰囲気。サーモンカラーパレットは、安心感が求められるヘルスアプリやオンボーディング、ダッシュボードによく合います。ライトなブラッシュやホワイトは面として、サーモンはトグルや進行度のハイライトに。ポイント:本文テキストはチャコールで、ボタンにはしっかりとしたコントラストを確保しましょう。

media.ioで生成したローズウォーター ミニマルUIの画像例

health app ui kit
プロンプト:ヘルスアプリ用ダッシュボードの2D UIキットモックアップ、スマホ枠なし、サーフェスは#F8F8F8 と #FFD6CF、主なハイライトは #FA8072、テキストは #343A40、仕切りに #A0AEC0、クリーンなグリッドレイアウト --ar 1:1

7) アプリコットサンライズ

apricot sunrise salmon color palette with hex codes

HEX: #FA8072 #FFB385 #FFE8C7 #6C5CE7 #2D2A32

印象: 前向き、遊び心、クリエイティブ

おすすめ用途: SNSキャンペーングラフィック

朝焼けのように明るく、アプリコットの暖かさとバイオレットの意外なアクセント。SNS投稿やクリエイター向けキャンペーン、目を引くお知らせに最適です。サーモンとアプリコットをグラデーションやブロックに、バイオレットはバッジやハイライトに活用しましょう。ポイント:ダークテキストは最小限に、大きな文字で軽さとポジティブさを表現して。

media.ioで生成したアプリコットサンライズの画像例

sunrise social graphics
プロンプト:プレーンな背景にソーシャルメディアキャンペーン用グラフィック、太字のタイポグラフィと抽象的なグラデーションブロック、主な色は #FA8072 と #FFB385、アクセントは #6C5CE7、ミニマルでクリーンな形、写真なし --ar 1:1

8) ダスティモーヴ ロマンス

dusty mauve romance salmon color palette with hex codes

HEX: #FA8072 #C08497 #F2E9E4 #4A4E69 #9A8C98

印象: ロマンティック、ヴィンテージ、洗練された

おすすめ用途: エンゲージメント発表カード

ロマンティックで少し懐かしい、古い本に押し花を挟んだような雰囲気。婚約カードや親しいお祝い、ブティックのライフスタイルブランドにぴったりです。モーヴと柔らかいクリームでトーンを決め、サーモンをモノグラムや縁取りの暖かいアクセントに使いましょう。コツ:長いテキストにはスレートトーンを使うと全体が上品にまとまり、甘くなりすぎません。

media.io で生成されたダスティモーヴロマンスの画像例

engagement card design
プロンプト:プレーンな明るい背景に婚約発表カードのグラフィックデザイン、エレガントなモノグラムとフローラルラインアート、主な色は #F2E9E4 と #C08497、アクセント #FA8072、タイポグラフィは #4A4E69、フラットデザイン、写真なし --ar 4:3

9) ティールハーバーアクセント

teal harbor accent salmon color palette with hex codes

HEX: #FA8072 #1F7A8C #BFDBF7 #E1E5F2 #022B3A

印象: 新鮮、マリン風、自信

おすすめ用途: スタートアップピッチデックスライド

港の景色のように新鮮でフォーカスされた印象。これらのサーモンカラーの組み合わせは、ピッチデックや企業スライド、データストーリーなど明瞭さが求められる場面に適しています。淡いブルーをチャートやセクションに使い、重要な数字はサーモンで強調しましょう。コツ:最も暗いネイビーは見出しや軸ラベルに使えば、ビジュアル全体がシャープでプロフェッショナルに見えます。

media.io で生成されたティールハーバーアクセントの画像例

startup pitch deck slide
プロンプト:プレーンな背景にスタートアップピッチデックスライドレイアウト、シンプルなチャートと大きな数字、主な色は #BFDBF7 と #E1E5F2、アクセントは #FA8072 と #1F7A8C、見出しは #022B3A、フラットベクタースタイル --ar 16:9

10) サンドストーンデザート

sandstone dessert salmon color palette with hex codes

HEX: #FA8072 #E7CBA9 #FDF1DF #B56576 #6D4C41

印象: 甘い、温かみ、ブティック

おすすめ用途: ベーカリー包装とラベル

黄金色の時間帯のペストリーケースのように甘くて居心地の良い雰囲気。これらのサーモンカラーはベーカリーブランディングやデザート包装、カフェメニューの手作り感やウェルカム感に最適です。クリームとサンドストーンを包装や箱に使い、サーモンをスタンプやフレーバータグのアクセントにしましょう。コツ:ベリーは補助的なアクセントとして使うことで全体の暖かさがやわらかく食欲をそそります。

media.io で生成されたサンドストーンデザートの画像例

bakery packaging labels
プロンプト:ベーカリーの包装箱とラベルのリアルなスタジオショット、クリーンなクリーム背景、主な色は #FDF1DF と #E7CBA9、アクセントラベルは #FA8072、細部は #6D4C41 と #B56576、柔らかい影 --ar 3:2

11) チャコールモダンエッジ

charcoal modern edge salmon color palette with hex codes

HEX: #FA8072 #1F2933 #F5F7FA #CBD2D9 #7B8794

印象: スタイリッシュ、モダン、自信

おすすめ用途: プロダクトランディングページ UI

マットチャコールに暖かいアクセントストライプが入ったような、洗練された現代的デザイン。これらのサーモントーンはプロダクトランディングページやSaaSセクション、特徴グリッドなど階層性が必要な場面に最適です。ほぼ白をメインのキャンバスにし、サーモンは主要なCTAやアイコンに限定して使いましょう。コツ:グレーはカードやディバイダーに使えばアクセントカラーが高級感と意図を持って際立ちます。

media.io で生成されたチャコールモダンエッジの画像例

saas landing page ui
プロンプト:2Dプロダクトランディングページ UI モックアップ、デバイスフレームなし、主な色は #F5F7FA と #1F2933、主要CTAは #FA8072、カードは #CBD2D9、テキストは #1F2933、クリーングリッドとアイコン --ar 21:9

12) ミントジェラートフレッシュ

mint gelato fresh salmon color palette with hex codes

HEX: #FA8072 #B8F2E6 #AED9E0 #5E6472 #FAF3DD

印象: 新鮮、軽やか、親しみやすい

おすすめ用途: アイスクリーム店ポスター

ミントジェラートにコーラルのドリズルをかけたようなフレッシュで遊び心のある雰囲気。フードポスターや季節限定、明るい小売サインにぴったりです。ミントとクリームで広い面を担い、サーモンは価格やおすすめフレーバーに使いましょう。コツ:スレートグレーは文字用にすればパステルカラーの読みやすさを保てます。

media.io で生成されたミントジェラートフレッシュの画像例

ice cream shop poster
プロンプト:アイスクリームショップのグラフィックポスター、プレーンな背景、可愛いジェラートのイラストと太字価格タイポグラフィ、主な色は #B8F2E6 と #FAF3DD、アクセントは #FA8072 と #AED9E0、ミニマルフラットイラスト --ar 4:3

13) ベリーワインディプス

berry wine depth salmon color palette with hex codes

HEX: #FA8072 #7A1F3D #B23A48 #F3D9DC #2B2D42

印象: 濃厚、ドラマティック、ブティック

おすすめ用途: コスメ広告

ベリーワインに柔らかなロージーヴェールを載せたような濃厚でドラマティックな雰囲気。サーモンカラーパレットはコスメや高級ビューティープロモーション、編集スタイルの製品バナーに最適です。サーモンとブラッシュを組み合わせると肌色の温かみが出て、ワイントーンはラグジュアリーな対比となります。コツ:一番濃い色は小さな文字やロゴに使い、主製品の焦点が損なわれないようにしましょう。

media.io で生成されたベリーワインディプスの画像例

lipstick studio product ad
プロンプト:リップスティックチューブのリアルなスタジオ広告ショット、クリーンなブラッシュ背景、主な色は #F3D9DC と #FA8072、濃いアクセントは #7A1F3D と #2B2D42、柔らかいスポットライト、ミニマル構成、追加小道具なし --ar 3:4

14) ラベンダーヘイズソフト

lavender haze soft salmon color palette with hex codes

HEX: #FA8072 #BDB2FF #FFC6FF #FFFFFC #4B5563

印象: 夢幻的、やさしい、モダン

おすすめ用途: ポッドキャストカバーアートワーク

ラベンダーヘイズに温かいブラッシュの輝きが差す夢幻的でエアリーな印象。ポッドキャストカバーやクリエイターサムネイル、ソフトなライフスタイルグラフィックにぴったりです。白に呼吸スペースを持たせ、サーモンとラベンダーをバランスさせるとモダンで親しみやすい組み合わせになります。コツ:グレーは番組タイトルに使えば小さいサイズでも視認性を保てます。

media.io で生成されたラベンダーヘイズソフトの画像例

podcast cover soft shapes
プロンプト:ポッドキャストカバーアートワークのグラフィックデザイン、プレーンな背景、太字タイトルタイポグラフィと抽象的なソフト形状、主な色は #BDB2FF と #FA8072、アクセントは #FFC6FF、クリーンミニマルレイアウト、写真なし --ar 1:1

15) シトリンスパーク

citrine spark salmon color palette with hex codes

HEX: #FA8072 #FFD166 #06D6A0 #073B4C #F8F9FA

印象: エネルギッシュ、晴れやか、大胆

おすすめ用途: イベントフライヤーデザイン

シトラススライスが明るいテーブルに並ぶようなエネルギッシュで晴れやかな雰囲気。サーモンカラーの組み合わせはイベントフライヤーや音楽ナイト、コミュニティプロモーションで即座に注目を集めるのに最適です。ベースにはネイビーを使い、見出しや詳細はサーモンとイエローで際立たせましょう。コツ:グリーンはアイコンやチケットの小さなアクセントに使うと新鮮な印象を与え、リードカラーとして目立ちすぎません。

media.io で生成されたシトリンスパークの画像例

bold event flyer layout
プロンプト:プレーンな背景にイベントフライヤーグラフィックデザイン、太字見出しタイポグラフィと幾何学形状、主な色は #FA8072 と #FFD166、ディープベース #073B4C とアクセント #06D6A0、フラットデザイン、手なし、写真なし --ar 9:16

16) エスプレッソウォームス

espresso warmth salmon color palette with hex codes

HEX: #FA8072 #3B2F2F #8D6E63 #F1E0D6 #D4A373

印象: 温かみ、居心地、ラスティック

おすすめ用途: コーヒーショップメニューボード

エスプレッソのクレマや焼きたてのシナモンのような温かくて心地よいデザイン。サーモンカラーはカフェメニューやロースタリーブランド、ホスピタリティデザインに最適です。メニューベースにはクリームを使い、セクション見出しにサーモンをアクセントとして使いましょう。コツ:一番濃いエスプレッソトーンは価格や小ラベルに使って素早く視認できるようにしましょう。

media.io で生成されたエスプレッソウォームスの画像例

coffee menu board
プロンプト:コーヒーショップのメニューボードグラフィックデザイン、プレーンな明るい背景、クリーンレイアウトとセクション・価格、主な色は #F1E0D6 と #3B2F2F、アクセントは #FA8072 と #D4A373、ミニマルアイコン、写真なし --ar 3:4

17) シーフォームスパカーム

seafoam spa calm salmon color palette with hex codes

HEX: #FA8072 #CDEAE5 #8EC6C5 #F7F7F2 #3D405B

印象: 落ち着き、クリーン、回復

おすすめ用途: スキンケアパッケージデザイン

シーフォームや柔らかいタオルのような静かなスパを思わせる落ち着きと回復力。スキンケアパッケージやウェルネスラベル、クリーンビューティーブランディングに最適です。オフホワイトとシーフォームをパッケージベースに使い、サーモンはやさしいアクセントストライプやシールとして入れましょう。コツ:濃いインディゴは成分テキストやブランドマークの小さい部分だけに使い、空気感を保ちましょう。

media.io で生成されたシーフォームスパカームの画像例

minimal skincare bottles
プロンプト:ミニマルなスキンケアボトルのリアルなスタジオショット、ラベル入り、クリーンなオフホワイト背景、主な色は #CDEAE5 と #F7F7F2、アクセントは #FA8072、小テキストは #3D405B、ソフトな拡散光、小道具なし --ar 3:2

18) カッパーオータムグロウ

copper autumn glow salmon color palette with hex codes

HEX: #FA8072 #B85C38 #F2D7C9 #7D6B5D #2D1E1A

印象: 秋の雰囲気、温かみ、エレガント

おすすめ用途: 秋ファッションルックブック

銅葉や暖かいニットウェアのような秋らしいエレガントさ。サーモントーンは秋ルックブックや季節キャンペーン、ブティックの小売レイアウトで活躍します。サーモンと銅は見出しや強調部分に使い、柔らかいブラッシュを背景トーンにしましょう。コツ:ほぼ黒いブラウンは細かいタイポグラフィに使えばページ全体がラグジュアリーで安定感があります。

media.io で生成されたカッパーオータムグロウの画像例

fall lookbook spread
プロンプト:編集ファッションルックブックの誌面レイアウト、印刷雑誌スタイル、プレーンな背景、主な色は #F2D7C9 と #FA8072、アクセントは #B85C38、タイポグラフィは #2D1E1A、クリーングリッド、写真なし --ar 16:9

19) グレイシャーグレイバランス

glacier gray balance salmon color palette with hex codes

HEX: #FA8072 #E5E7EB #9CA3AF #111827 #F9FAFB

印象: バランス、ミニマル、プロフェッショナル

おすすめ用途: ダッシュボードデータビジュアライゼーション

清潔な作業スペースのようにバランスとミニマルが特徴的で、ひとつの暖色ハイライトが映えます。ダッシュボードやアナリティクスビュー、B2Bインターフェイスなど、データが主役の場面に最適です。グレーをチャートやパネルに使い、サーモンは主要なトレンドラインやアラートにだけ使いましょう。コツ:ほぼ黒はラベル用に、サーモンは少量だけ使うことで重要性を保てます。

media.io で生成されたグレイシャーグレイバランスの画像例

analytics dashboard ui
プロンプト:2Dアナリティクスダッシュボード UI モックアップ、デバイスフレームなし、主な色は #F9FAFB と #E5E7EB、チャートは #9CA3AF、キーのハイライトラインやアラートバッジは #FA8072、テキストは #111827、クリーングリッド --ar 21:9

20) ゴールデンアワーエディトリアル

golden hour editorial salmon color palette with hex codes

HEX: #FA8072 #F4A261 #E9C46A #264653 #FDF6EC

印象: 編集的、温かみ、洗練

おすすめ用途: 雑誌カバーレイアウト

クリーム紙にゴールデンアワーの光が差すような温かく洗練された雰囲気。サーモンカラーパレットは雑誌カバーや編集レイアウト、プレミアムブログヘッダーにサンキストムードをもたらします。クリームをメインフィールドにし、サーモンとアンバーをカバーラインやバッジにバランスを持たせて使いましょう。コツ:マストヘッドは深いティールで固定すれば暖色がぼやけません。

media.io で生成されたゴールデンアワーエディトリアルの画像例

editorial magazine cover
プロンプト:雑誌カバーレイアウトデザイン、プレーンな背景、強いマストヘッドとカバーライン、主な色は #FDF6EC と #FA8072、アクセントは #F4A261 と #E9C46A、マストヘッドは #264653、クリーン編集タイポグラフィ、写真なし --ar 3:4

21) パームスプリングポップ

palm spring pop salmon color palette with hex codes

HEX: #FA8072 #FFDDD2 #84A59D #F28482 #3A506B

印象: レトロ、晴れやか、遊び心

おすすめ用途: サマーパーティーの招待状

プールサイドのポストカードのようなレトロで晴れやかな雰囲気。サマーパーティーの招待状や遊び心のある告知、明るいコミュニティイベントにおすすめです。ブラッシュとサーモンを主力にし、セージは葉モチーフや小アイコンに。コツ:ディープブルーは日付や場所など主要情報に使えば、招待状の内容が瞬時にわかります。

media.io で生成されたパームスプリングポップの画像例

summer party invitation
プロンプト:サマーパーティー招待状グラフィックデザイン、プレーンな背景、レトロ形状とパームリーフイラスト、主な色は #FA8072 と #FFDDD2、アクセントは #84A59D、重要テキストは #3A506B、フラットベクタースタイル、写真なし --ar 4:3

サーモンと相性の良い色は?

ティール、シーフォーム、淡いブルーなどのクールトーンはサーモンをシャープで現代的に見せ、UIやデータビジュアル、モダンブランディングにぴったりです。ネイビーやチャコール、ほぼブラックなどのダークカラーはコントラストを即座に引き立て、サーモンをCTAやバッジ、重要指標に効果的に使えます。

暖色系との組み合わせには、クリーム、リネン、タン、テラコッタ、エスプレッソブラウンなどでサーモンを職人的または高級感のある印象に引き上げましょう。落ち着いたモーヴやラベンダーも、柔らかくロマンチックなパレットを演出したいときに美しく組み合わせられます。

迷った場合は、サーモンをアクセント(10〜20%程度)にして、薄いニュートラルカラーをベースに用い、タイポグラフィには一つ深い色を選んで可読性を守るのが良いでしょう。

サーモンカラーパレットを実際のデザインで活用する方法

ブランディングでは、サーモンは親しみやすいカテゴリ(ビューティー、ウェルネス、フード、ライフスタイル)や、よりテクニカルな製品に「ヒューマン」なハイライトとして効果的です。サーモンをロゴやラベル、アイコンなどで少しずつ使い、構造の大部分をニュートラルカラーやダークトーンに任せましょう。

UIでは、サーモンを優先シグナルのように扱います:プライマリーボタン、アクティブ状態のトグル、プログレスバー、アラートのハイライトなどです。チャコールのテキストとほぼ白のサーフェスと合わせ、ボタンや小さなテキストの可読性を保てるようコントラストも確認しましょう。

印刷物(ウェディング、招待状、パッケージ)では、サーモンは暖色系の紙—クリーム、ブラッシュ、リネン—によく映え、深みのあるインク色(ブラウン、インディゴ、ネイビー)を一色使うことで細部が際立ちます。

AIでサーモンパレットのビジュアルを作成する

すでにHEXコードがある場合、レイアウトやスタイルを説明するだけで、マッチするポスター、UIモックアップ、パッケージ案を数分で生成できます。ポイントは、まずメインカラーを挙げ、次にアクセントカラーをリストアップし、「クリーン背景」を指定することで、モダンでミニマルな仕上がりを得られます。

同じプロンプトで複数のバリエーションを作ってみましょう(タイポグラフィスタイルやアスペクト比を変えたり、「ベクターフラットデザイン」または「リアルなスタジオショット」を加えたりすると、サーモンのさまざまなカラースキームを素早く探索できます)。

強い方向性が見つかったら、サーモンをシグネチャーアクセントとして一貫させ、SNS投稿やスライド、商品画像などの再利用可能なテンプレートを作ると良いでしょう。

サーモンカラーパレット よくある質問

  • サーモンのHEXコードは何ですか?
    よく使われるサーモンのHEXは#FA8072です。これは、周囲の色によってよりコーラル寄りまたはブラッシュ寄りに見える、暖かみのあるピンクオレンジです。
  • サーモンはブランディングに適した色ですか?
    はい。サーモンはフレンドリーでモダンな印象があり、ウェルネス、ビューティー、ライフスタイル、フード、さらにはテックブランドでもCTAやハイライトのアクセントとして役立ちます。
  • サーモンとよく合うコントラストカラーは?
    ディープネイビー、チャコール、ほぼブラックはサーモンと強いコントラストを生みます。ティールなどのクールトーンもサーモンを引き立て、より現代的な印象を高めます。
  • サーモンはプロフェッショナルなUIデザインでも使えますか?
    はい、特にアクセントカラーとして主要なアクションやアクティブ状態、重要指標で効果的です。ニュートラルなサーフェス(オフホワイトやライトグレー)とダークテキストを使うことで、階層や可読性をしっかり維持できます。
  • サーモン配色が「ピンクすぎる」印象にならないようにするには?
    アースカラーのニュートラル(リネン、トープ、ウォームグレー)やブラウン/テラコッタなどのアーシーな色味、または深みのある1色(ネイビー、エスプレッソ、チャコール)を加えることで、暖かさをバランスできます。
  • サーモンに合うニュートラルカラーは?
    クリーム、ウォームホワイト、ライトベージュ、サンドストーン、ソフトグレーなどがサーモンとよく合います。これらのニュートラルはサーモンを引き立てつつ、全体のデザインがうるさくならないようにしてくれます。
  • デザインでサーモンはどのくらい使えば良いですか?
    ほとんどのレイアウトでは、サーモンを10〜20%程度のアクセントとして控えめに使いましょう。ベースはニュートラルカラーにし、テキストや構造には深い色を用いると良いでしょう。

次に: チェスナットカラーパレット

Julian Moore
Julian Moore May 13, 26

画像高画質化
ai-portrait-generator

media.io

AI動画ジェネレーター

テキストや画像から簡単に動画を作成

今すぐ生成