おすすめのスカーレットカラーパレット20選｜HEXコードと選び方ガイド

スカーレットは大胆でありながらも過激ではなく、ブランディング、UI、印刷物に即座に注目、感情、そして上質なエネルギーをもたらします。適切なニュートラルカラー、メタル、深いグリーンと組み合わせることで、スカーレットは意図的な印象となり、圧倒的な感じにはなりません。

以下に、HEXコード、ムードノート、実用的な組み合わせのコツ付きで厳選したスカーレットのカラーパレットアイデア20選をご紹介します。実際のレイアウト、ラベル、ポスター、インターフェースに活用できます。

なぜスカーレットのカラーコンビネーションはこれほど効果的なのか

スカーレットはスペクトルの「高注目」ゾーンに位置しており、自然と視線を重要なUIアクション、見出し、価格表示、ヒーロービジュアルへと導きます。そのため、強い効果に頼ることなく、明確さや緊急性を出したい場合に最適です。

また、スカーレットは柔軟な赤です。鮮やかなホワイトやチャコールと組み合わせるとモダンでエネルギッシュに、クリーム色やワインカラー、メタリックと合わせるとクラシックでラグジュアリーな印象になります。どのサポートカラーを使うかで、スカーレットが遊び心あるのか、映画的なのか、洗練されているのかを決定づけます。

最も重要なのは、スカーレットは控えめに使うことでその価値が際立つということです。アクセントとして使えば（全面に配置せずに）、レイアウトのコントラストが綺麗に保たれ、印刷の予測もしやすくなり、ブランドカラーが騒がしいものではなく、上品な印象となります。

スカーレットカラーパレットアイデア20選（HEXコード付き）

1）クリムゾン アトリエ

HEX： #d72638 #ff4d6d #f8f1e5 #2b2d42 #c8a46b

ムード： 芸術的、自信に満ちた、ギャラリースタイル

おすすめ用途： プレミアムブランディングやルックブック

芸術的で自信に満ちたこのスカーレットミックスは、ベルベットのアクセントと暖かなスポットライトがあたる現代的なギャラリーオープンのような印象です。洗練されたブランド、新しいエディトリアル、高級感あるパッケージなど、スカーレットを上品に見せたい場面に最適。深いチャコールと柔らかなクリームの組み合わせで視認性を保ち、ゴールドはさりげないハイライトとして使いましょう。コツ：ピンクローズは見出しや小さいタグなど、サブアクセントとして留めておくと鮮やかさが過剰になりません。

media.ioで生成されたクリムゾンアトリエのイメージ例

Media.io

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

今すぐ無料で試す

2）ポピー ポーセリン

HEX： #e11d48 #ff7a8a #fff7f2 #f2d0c4 #3a3a3a

ムード： 柔らかい、ロマンチック、エアリー

おすすめ用途： 結婚式の招待状・ビューティーチラシ

柔らかくロマンチックで、磁器のような頬の赤みや新鮮な花びら、明るい朝の光を思わせます。このスカーレットパレットは、招待状やビューティープロモ、繊細なステーショナリーでフレンドリーな赤を演出したい時に最適。温かみのあるオフホワイトを背景の主役にし、ポピー色は名前や日付、または目立たせたい要素に。コツ：本文はチャコールで書くことで、パステル地のコントラストを保てます。

media.ioで生成されたポピーポーセリンのイメージ例

3）スカーレット ノワール

HEX： #c1121f #780000 #0b090a #f5f3f4 #b1a7a6

ムード： 劇的、映画的、ラグジュアリー

おすすめ用途： ポスター・ナイトモードUIアクセント

劇的で映画的な雰囲気は、ベルベットのカーテン、ほの暗いライト、そして鋭い赤いスポットライトのよう。コントラストを際立たせたいポスターやアルバムアート、ダークUIにおすすめ。ブラックに近い色とディープマルーンを主に使い、明るいスカーレットはコールトゥアクション用に。コツ：クールグレーをディバイダーとして加えることで、レイアウトが重くなるのを防ぎます。

media.ioで生成されたスカーレットノワールのイメージ例

4）テラコッタ サンセット

HEX： #d62828 #f77f00 #fcbf49 #eae2b7 #003049

ムード： 温かい、エネルギッシュ、アウトドア感

おすすめ用途： 旅行広告・イベントポスター

温かみとエネルギーを感じさせ、日焼けした壁や柑橘色の空、夕暮れの地平線を思い起こさせます。スカーレットパレットは、旅行プロモや夏のイベント、温かさが主役のソーシャルグラフィックに最適。見出しやアイコンにはネイビーを使って引き締め、薄いサンド色は余白に。コツ：オレンジはサポート役にとどめ、赤色を主役に。

media.ioで生成されたテラコッタサンセットのイメージ例

5）ベリー ローズウッド

HEX： #b80c09 #f25c54 #7f2cc3 #f7b2b7 #2a0f0f

ムード： 大胆、遊び心、ナイトライフ

おすすめ用途： 音楽フェスのグラフィック・グッズ

大胆で遊び心があり、ベリーカラーのリップやダークウッドのバーに反射するネオンサインのよう。ナイトライフ向けのプロモーションやフェスグラフィック、パンチの効いたグッズにおすすめ。ベースはブラックに近いブラウンで、タイトルやバッジには明るいコーラルを。コツ：パープルはアイコンや小さいパターンのサプライズアクセントとして少量使用。

media.ioで生成されたベリーローズウッドのイメージ例

6）カーニバル リボン

HEX： #ff0035 #ffbe0b #fb5607 #8338ec #ffffff

ムード： お祭り・派手・若々しい

おすすめ用途： ソーシャルバナー・遊び心あるアプリのオンボーディング

お祭りらしい派手さと明るさで、紙吹雪やリボン、活気のある週末フェアを感じさせます。若い世代向けのバナーや遊び心あるオンボーディング、エネルギー重視のキャンペーングラフィックに最適。白を余白として十分に使い、彩度の高い色のぶつかりを防ぎます。コツ：主役の暖色は一色だけにし、パープルはボタンやシールなどごく小さなアクセントに使いましょう。

media.ioで生成されたカーニバルリボンのイメージ例

7）オータム マーケット

HEX： #cc2b2b #e09f3e #fff3b0 #335c67 #9e2a2b

ムード： 素朴、居心地よい、職人風

おすすめ用途： フードパッケージ・ファーマーズマーケット看板

素朴で居心地良い雰囲気は、スパイスの瓶や収穫カゴ、クラフト紙に手書きラベルを想わせます。食品パッケージやカフェメニュー、マーケットの看板にぴったり。赤色はバターのような黄色と合わせて開放的に、くすみティールは小さいコールアウトのコントラストに。コツ：2色の赤はインクが多いと混ざるため、印刷テスト推奨。

media.ioで生成されたオータムマーケットのイメージ例

8）桜インク

HEX： #e63946 #f1a7a0 #fdf0d5 #1d3557 #457b9d

ムード： フレッシュ、エレガント、モダンクラシック

おすすめ用途： エディトリアルレイアウト・書籍カバー

フレッシュでエレガント、花びらが清らかな紙の上を舞い、インクの雫がアクセントになるような雰囲気。エディトリアル誌面や本の表紙、カルチャーイベントのプログラムにも最適。ネイビーで構造や文字を整え、桜色はタイトルやセクション見出しに活用。コツ：ダスティピンクは背景やウォッシュに使い、強すぎない移行を演出します。

media.ioで生成された桜インクのイメージ例

9）スパイスド シトラス

HEX： #d90429 #f77f00 #ffdd57 #2d6a4f #f8f9fa

ムード： ピリッと爽やか、明るい、食欲をそそる

おすすめ用途： レストランプロモ・製品広告

ピリッとして食欲をそそるカラーは、唐辛子の辛さやオレンジの皮、ハーブの飾り付けを想起させます。レストランや飲み物の宣伝、フレッシュ感を大事にしたい製品バナーに最適。見出しにはスカーレット、ナチュラルまたはスパイシーな印象を加えるにはグリーンの差し色を。コツ：イエローは主役を邪魔しないようハイライトやプライスタグに限定して使いましょう。

media.ioで生成されたスパイスシトラスの画像例

10) モダンヘリテージ

HEX： #cf1020 #6a040f #f48c06 #fefae0 #283618

ムード： クラシック、安定感、高級感のあるラスティック

おすすめ用途： ヘリテージブランドやブティックホテル

クラシックで安定感があり、オールドワールドの看板、レザーのディテール、温かなロビーの光を思わせます。ヘリテージ・ブランディング、ブティックホテルの販促物、または時代を超えた雰囲気が必要なパッケージに最適です。クリーム色を主な背景に使用し、深いワイン色やフォレストグリーンをタイポグラフィやボーダーのレイヤーに。アドバイス：オレンジはオファーやセクションラベルの小さなバッジカラーとして最適です。

media.ioで生成されたモダンヘリテージの画像例

11) ガーネットセージ

HEX： #b31312 #e85d75 #d8f3dc #40916c #2d2a32

ムード： バランス、ボタニカル、洗練

おすすめ用途： ウェルネスブランドやスパメニュー

バランスが取れてボタニカルな印象は、リッチなベリーグレーズに新鮮なハーブを加えたような雰囲気です。これらのスカーレットの色組み合わせは、温かみと落ち着きを求めるウェルネスブランドやスパメニュー、ナチュラルスキンケアにぴったりです。ミントグリーンを主な背景にして、ガーネットを重要なアクションやセクションの見出しに使用しましょう。アドバイス：本文にはチャコールを使い、柔らかいグリーンが読みやすくなるようにしましょう。

media.ioで生成されたガーネットセージの画像例

12) スタジオスポットライト

HEX： #e10600 #ff5400 #f7f7ff #232528 #ffd166

ムード： インパクト大、モダン、パンチの効いた

おすすめ用途： ランディングページやキャンペーンヒーローセクション

インパクトがありモダンで、クリアなセットにステージライトが当たったかのようなメリハリのある雰囲気です。迅速な注意喚起が必要なランディングページやキャンペーンヒーローセクションに最適。レイアウトはオフホワイトとチャコールを基調に、スカーレットとオレンジでボタンや重要な数値項目を強調しましょう。アドバイス：温かいイエローはアイコンや通知ドットなど、極小のハイライトにだけ使いましょう。

media.ioで生成されたスタジオスポットライトの画像例

13) ヴィンテージポストカード

HEX： #c9184a #ff758f #ffd6e0 #f1faee #5a189a

ムード： ノスタルジック、遊び心、夢見心地

おすすめ用途： バレンタインカードやレトロポスター

ノスタルジックで夢があり、色あせたインクやラブレター、キャンディショップの魅力が感じられます。バレンタインキャンペーン、レトロなポスター、またはモダンなひねりのある遊び心のある文房具におすすめです。淡いピンクを背景にし、パープルでタイポやアイコンにメリハリを加えましょう。アドバイス：深いマゼンタは、切手やシール、価格強調など小さな要素に使うのが最適です。

media.ioで生成されたヴィンテージポストカードの画像例

14) ルビーミニマル

HEX： #d00000 #ef233c #f8f9fa #adb5bd #212529

ムード： クリーン、大胆、ミニマリスト

おすすめ用途： スタートアップUIやブランドガイドライン

クリーンで大胆、真っ白なキャンバスに確固たるレッドのマークが映えます。このスカーレット配色は、スタートアップのUIやブランドガイドライン、階層構造を明確にしたい製品ページに最適です。主なテキストにはニアブラック、ボーダーには明るいグレーを使い、ルビーは主なボタンスタイルのみに限定します。アドバイス：UIの状態ごとにレッドを一つだけ選び、アクセシビリティテストをシンプルにしましょう。

media.ioで生成されたルビーミニマルの画像例

15) ブリックリネン

HEX： #c1272d #b5651d #e7d8c9 #f4f1de #3d405b

ムード： アーシー、落ち着き、手づくり感

おすすめ用途： ホームデコブランドやカタログページ

アーシーで落ち着きがあり、レンガの壁、リネン生地、ヴィンテージ陶器を連想させます。温かみは欲しいけれど主張しすぎたくないホームデコブランド、カタログ、ライフスタイルブログに理想的。リネン系カラーを大面積に使い、レンガ色をラベルやアイコン、特集価格などの小さなアクセントに。アドバイス：くすんだネイビーは見出しに使うとページが整然として落ち着きある雰囲気を保てます。

media.ioで生成されたブリックリネンの画像例

16) スカーレットラグーン

HEX： #e5383b #00a896 #028090 #f0f3bd #2b2d42

ムード： フレッシュ、モダン、沿岸

おすすめ用途： サマーキャンペーンやアプリイラスト

フレッシュでモダン、澄んだ水と太陽の砂浜に浮かぶ明るいブイのような印象です。サマーキャンペーンやアプリイラスト、クリーンなコントラストを求めるスポーティなブランドに最適。ティールを主色にし、スカーレットで重要なハイライトやバッジ、行動喚起を加えましょう。アドバイス：淡い黄緑を柔らかな背景に使い、赤やティールの鮮やかさを保ちましょう。

media.ioで生成されたスカーレットラグーンの画像例

17) フェスティバルランタン

HEX： #ff1b1c #ff7f11 #fcca46 #a1c181 #619b8a

ムード： 楽しく明るい、コミュニティ感

おすすめ用途： 文化的イベントポスターやバナー

楽しく明るく、紙ランタン、屋台の食べ物、温かい空気に音楽が流れる雰囲気を思わせます。文化イベントのポスターやコミュニティバナー、フレンドリーなエネルギーを求める遊び心あるキャンペーンに。赤やオレンジをメインフォーカルカラーにし、グリーンをセカンダリーの図形やアイコンでバランスに。アドバイス：イエローは日付や重要ポイントの強調に使うと、遠くからでも目立ちます。

media.ioで生成されたフェスティバルランタンの画像例

18) ワインカッパー

HEX： #a4133c #c9184a #b08968 #f2e9e4 #22223b

ムード： ラグジュアリー、温かみ、親密感

おすすめ用途： ワインラベルや高級商品の広告

ラグジュアリーで親密感があり、キャンドルの灯りのディナー、シルクリボン、テクスチャペーパーの銅箔が思い浮かびます。これらのスカーレット色の組み合わせはワインラベルや高級広告、上品なパッケージにぴったりです。クリーミーなオフホワイトを余白スペースに、カッパーは箔のアクセントとしてボーダーやシールに使用しましょう。アドバイス：最も暗いネイビーは小さな文字部分に使い、鮮やかなレッドがきれいにエレガントに映えるようにします。

media.ioで生成されたワインカッパーの画像例

19) ペタルプラム

HEX： #dc2f55 #ff8fab #ffd1dc #6d1d5d #2b0a3d

ムード： ロマンチック、ムーディー、スタイリッシュ

おすすめ用途： コスメブランドやSNS広告

ロマンチックさとムード感を両立し、サテンの花びらが深いプラムベルベットの上にあるような印象です。コスメブランド、SNS広告、甘さとエッジの効いたファッションにも最適。淡いピンクを背景やスペース取りに使い、プラム色はタイポや囲みに。アドバイス：明るいローズは商品名やプロモバッジなど、一つのフォーカル要素に限定しましょう。

media.ioで生成されたペタルプラムの画像例

20) ファイヤーライトキャビン

HEX： #c1121f #ff595e #ffca3a #8ac926 #1982c4

ムード： 冒険的、遊び心、アウトドア

おすすめ用途： キャンププロモやユースブランド

冒険的で遊び心があり、キャンプファイヤーの明かり、トレイルマーカー、夕暮れの澄んだ空を思わせます。キャンププロモやユースブランド、エネルギッシュなイベントグラフィックにぴったり。スカーレットやコーラルをフォーカルエリアに使い、イエローでハイライト、グリーンでアウトドア感を演出。アドバイス：ブルーはアイコンや小見出しなどにだけ使い、対比として引き立てましょう。

media.ioで生成されたファイヤーライトキャビンの画像例

スカーレットに合う色は？

スカーレットは、その強さを調整する安定感のあるニュートラルとの組み合わせが最適です。温かみのあるクリーム色やオフホワイトは色味を和らげ、チャコールやニアブラックはモダンで高コントラストな印象を与えます。クラシックで印刷適性のある雰囲気を出すには、スカーレット＋クリーム＋ディープネイビーやチャコールから始めましょう。

よりリッチで高級感あるミックスにしたい場合は、ゴールドやカッパーなど金属色（金線・アイコン・箔調アクセント）を追加しましょう。ナチュラルで洗練されたコントラストなら、ディープグリーン（フォレスト、セージ、ミント）を使うことで、スカーレットが「警告」や「セール」感だけでなく、ボタニカルでバランスある印象になります。

明るいキャンペーン用配色を作る際は、鮮やかな仲間色（オレンジ、ティール、パープルなど）を1つだけ入れ、他は淡いニュートラルをベースにしましょう。そうすればスカーレットがヒーローカラーになりつつ、視覚的なごちゃつきを防げます。

実際のデザインでスカーレットカラーパレットを使う方法

UIでは、スカーレットを優先色として扱いましょう。プライマリーボタン、アクティブ状態、重要なバッジやアラートに使い、サーフェスやボーダー、長文のテキストにはグレーやオフホワイトを使ってアクセシビリティと階層性を保ちます。

ブランディングやパッケージングでスカーレットが最も映えるのは、「余白」をたっぷり取ったときです。ニュートラル（クリーム、ソフトホワイト、淡いサンドなど）を広く使い、スカーレットは自信を持って面やシール、タイポグラフィに限定し、金属光沢はトリムや高級感の演出に取っておきましょう。

ポスターやSNSグラフィックでは、スカーレットでフォーカルエリア（見出しや日付ブロック）を引き締め、対照の濃色（ネイビーやチャコール）を使って可読性を担保しましょう。こうすることで、遠くからでもメッセージが読みやすくなります。

AIでスカーレットパレットのビジュアルを作成

スカーレット配色がランディングページやラベル、ポスター、オンボーディング画面でどう見えるかをプレビューしたい場合、簡単なモックビジュアルを生成してプロダクション前に割合やコントラストを選ぶのに役立ちます。

Media.ioのテキスト・ツー・イメージツールなら、すぐに使えるプロンプトを貼り付けてHEXコードを差し替え、レイアウトを作り直さずにミニマル、エディトリアル、シネマティック、遊び心あるスタイルをその場で多数生成できます。

次へ： ブルーマーヴカラーパレット