レッドカラーパレットアイデア（20選＋HEX）

赤は最も多様性のあるブランドカラーの一つです。トーンやコントラストによって、ロマンチック、高級感、スポーティ、編集的、または居心地のよい雰囲気など様々に表現できます。

以下に、HEXコード、ムード、実際の使い方のコツ付きで20以上の「赤」を中心にしたカラーパレットを紹介します。さらに、AIプロンプトも付いているので、数分で統一感あるビジュアルを生成できます。

赤色のパレットがうまく機能する理由

赤はすぐにエネルギーと意図を伝えることができ、明快さや緊急性、印象的なフォーカルポイントが求められるデザインに最適です。控えめな赤（ダスティローズやテラコッタ）でも、レイアウトを圧倒することなく暖かみを与えてくれます。

赤は感情的な振れ幅が大きいため、わずかに色調やコントラストを変えるだけで、遊び心あるコーラルから映画的なメルローまで雰囲気が変わります。そのため、赤のパレットは、ブランドシステムなどで、様々な用途で柔軟に使えるコアカラーを求めるときに特に便利です。

UIや印刷物では、赤は落ち着いたニュートラルカラーと組み合わせることで、明確な階層を作り出します。適切な背景とテキストのコントラストがあれば、CTAや見出し、バッジ、編集的な強調などで頼れるツールになります。

20以上の赤系カラーパレットのアイデア（HEXコード付き）

1) チェリーノワール

HEX: #2B0A0E #5B0F1B #9E1B32 #E63946 #F6E8EA

ムード:ドラマティック、高級感、高コントラスト

おすすめ用途:高級ブランドやヒーローヘッダー

ほぼ黒に近いチェリー色の組み合わせは、ベルベットのカーテンやネオンの夜景のような雰囲気を演出します。高級ブランドやヒーローバナー、商品の発表など、コントラストが重要な場面に輝きます。暖かみのあるアイボリーのタイポグラフィや繊細なメタリックのアクセントと合わせることで洗練された仕上がりに。使い方のポイント：最も深い色を背景に使い、一番明るい赤は決定的なアクションにのみ使いましょう。

media.ioで生成されたチェリーノワールの画像例

Media.io

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

今すぐ無料で試す

2) ローズクォーツ

HEX: #FFF1F2 #FADADD #F4A3B5 #E45C7A #9B2C3D

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

おすすめ用途:ビューティーブランドや結婚式の招待状

淡いピンクとローズ色の中間色は、シルクリボンやピオニー、穏やかな朝の光を思わせます。ビューティーパッケージやウェディングステーショナリー、落ち着いたライフスタイルビジュアルにぴったりです。暖かみのあるグレーの線画や細いセリフ体などと組み合わせて、甘くなりすぎずエレガントに仕上げましょう。使い方のポイント：一番淡い色調をメインのスペースに使い、濃いローズは見出しやハイライトのみに使いましょう。

media.ioで生成されたローズクォーツの画像例

3) スパイストクランベリー

HEX: #3D0C11 #7A1E2C #B33A3A #E07A5F #F2E8CF

ムード:居心地よい、季節感、招き入れる雰囲気

おすすめ用途:ホリデーキャンペーンやフード写真のオーバーレイ

暖かみのあるクランベリーとスパイスのニュアンスは、ホットサイダーやニットスカーフ、キャンドルの灯りのような心地良さを感じさせます。ホリデープロモやカフェブランド、エディトリアルの温かみあるオーバーレイにも最適です。クリーミーなニュートラルカラーと合わせて彩度を調整すれば、派手すぎる印象になりません。使い方のポイント：テラコッタのアクセントはバッジや価格タグなどに使い、視線を誘導しつつレイアウトを邪魔しないようにしましょう。

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

4) サンセットコーラル

HEX: #2D0B12 #7C1D3A #D1495B #FF6B6B #FFD6D6

ムード:遊び心、暖かみ、モダン

おすすめ用途:SNS広告やライフスタイルのランディングページ

コーラルとベリーの暖色系は、夏の終わりの夕焼けや爽やかな音楽プレイリストのエネルギーを感じさせます。SNS広告やライフスタイル系ランディングページ、元気なイベントグラフィックにも最適。チャコールのテキストやホワイトスペースと組み合わせて読みやすさを保ちます。使い方のポイント：最も明るいコーラルはボタンや重要な数字にだけ使い、全体の調和を崩さないように。

media.ioで生成されたサンセットコーラルの画像例

5) ブリッククリーム

HEX: #2A1611 #6B2F2A #A23E2A #D9A441 #F7EFE6

ムード:アースカラー、素朴さ、安定感

おすすめ用途:インテリアのムードボードや職人パッケージ

レンガ色と暖かいクリーム色は、粘土のポットや日差しを受けた漆喰、昔ながらの店舗を彷彿とさせます。インテリア系ムードボードや職人グッズ、ヘリテージ風パッケージにもぴったり。テクスチャ紙や細かなグレインを使うことで、さらに本格的な雰囲気になります。使い方のポイント：マスタードゴールドは封印やアイコン、端の装飾にさりげなく使いましょう。

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

6) ルビーネオン

HEX: #14040A #5A0A2C #B30059 #FF2E88 #FFE3F1

ムード:大胆、エレクトリック、ナイトライフ

おすすめ用途:音楽ポスターやエッジのあるアプリハイライト

エレクトリックなルビーや鮮やかなマゼンタは、クラブライトや艶やかなレコードのようなインパクトを演出。音楽ポスターやナイトライフのプロモ、アプリ内の印象的なアクセントに最適です。ほぼ黒で引き締め、テキストは淡いピンクや白でコントラストを確保しましょう。使い方のポイント：ネオンカラーは線やバッジ、マイクロインタラクションなどアクセントに使い、全面使いは控えます。

media.ioで生成されたルビーネオン画像例

7) カベルネベルベット

HEX: #1B0B10 #4A0F1C #7B1E3A #B23A48 #E8C7C2

ムード:ムーディー、洗練、親密さ

おすすめ用途:ワインラベルや高級レストランメニュー

ムーディーなカベルネ色は、キャンドルライトのディナーやベルベットのソファを思わせる雰囲気です。ワインラベルや高級レストランメニュー、ブティックホテルのブランドにも最適です。クリーム系紙や細細い罫線、エレガントなセリフ体で雰囲気を格上げ。使い方のポイント：中間のバーガンディをメインカラーに、淡いブラッシュを余白に使いましょう。

media.ioで生成されたカベルネベルベットの画像例

8) ポピーフィールド

HEX: #2A0E0C #7A1F1B #C1121F #F94144 #FDE2E4

ムード:エネルギッシュ、自信、アウトドア

おすすめ用途:スポーツグラフィックや大胆なECプロモ

鮮やかなポピーレッドとクリアな色調は、道端の野花やスピードを感じさせます。スポーツグラフィックやインパクトのあるECプロモ、緊急性が必要なデザインにぴったりです。黒いテキストやシンプルなフォルムと合わせることでカラーが主役になります。使い方のポイント：一番明るい赤は期間限定オファーにだけ使い、サポートUI要素などは淡い色調でまとめましょう。

media.ioで生成されたポピーフィールドの画像例

9) フェスティブガーネット

HEX: #2B0B12 #6D1025 #A61C3C #D7263D #F7D6D0

ムード:フェスティブ、大胆、クラシック

おすすめ用途:季節のブランディングやイベントチラシ

ガーネットや鮮やかなスカーレットは、お祝いのような雰囲気を感じさせます―リボン、紙吹雪、スポットライトの瞬間のようです。季節感のあるブランディング、イベントフライヤー、インパクトが必要な告知グラフィックに最適です。クリーミーなピンクのハイライトと抑えたタイポグラフィを組み合わせることで、クラシックな印象になります。使用のコツ：背景は暗めに保ち、淡いブラッシュカラーをテキストブロックに使うことで可読性が向上します。

media.ioで生成した祝祭的なガーネットの画像例

10）テラコッタの暖炉

HEX: #2B1B15 #7A3E2D #B85C38 #E07A5F #F3E9E1

ムード: 暖かい、家庭的、親しみやすい

おすすめ用途: ホームデコールブランドやブログのヘッダー

温かみのあるテラコッタと粘土色は、居心地の良い暖炉、手作りの陶器、ゆったりとした日曜日を思わせます。この組み合わせは、ホームデコールブランド、レシピブログ、歓迎感のあるウェブサイトヘッダーに適しています。オフホワイトの背景やリネン、紙目など自然な質感と組み合わせてください。使用のコツ：ミッドテラコッタを主なボタンに使用し、テキストは深いブラウンにすることで、純粋な黒よりも柔らかなコントラストが得られます。

media.ioで生成したテラコッタ暖炉の画像例

11）レッドウッドミニマル

HEX: #0F0E0E #3A1B1E #7A2E2A #C74F3A #F5F3F1

ムード: ミニマル、建築的、落ち着いた

おすすめ用途: ポートフォリオサイトやモダンな商品ページ

控えめなレッドウッドトーンは建築的な印象―クリーンなライン、コンクリート、温かみのある木目。ミニマルなポートフォリオや、さりげないシグネチャーカラーが必要な現代的な商品ページに最適です。オフホワイトスペースやニュートラルグレーと多く組み合わせてギャラリーのような雰囲気を演出します。使用のコツ：温かみのあるアクセントはホバー状態や小さなUIマーカーに使い、レイアウトは静かでありつつ印象的に保ってください。

media.ioで生成したレッドウッドミニマルの画像例

12）クリムゾンとセージ

HEX: #2A0C12 #8D1B3D #C2415B #7A9E7E #F2EFEA

ムード: バランスが良い、洗練された、自然と都会が融合

おすすめ用途: ブランドシステムやパッケージ

クリムゾンをセージグリーンと合わせると、冬の花束のような感じ―大胆な花びらと柔らかな葉。コントラストが欲しいけど強すぎないブランドシステムやパッケージに最適です。暖色系のオフホワイトとシンプルな幾何学レイアウトと組み合わせてモダンな印象に。使用のコツ：セージは二次的UI要素（タブ、チップ）に使い、クリムゾンは主なアクションに絞りましょう。

media.ioで生成したクリムゾンとセージの画像例

13）レトロダイナー

HEX: #1E1A1A #B80C09 #E85D04 #F48C06 #F7F7F2

ムード: レトロ、明るい、ノスタルジック

おすすめ用途: レストランメニューやヴィンテージポスター

力強い赤色とオレンジ系の暖色は、ネオンサインやビニールのブース、クラシックなダイナーの魅力を呼び起こします。レストランメニュー、レトロポスター、遊び心のあるグッズに最適です。オフホワイトの背景、大胆なスラブセリフの書体を組み合わせて、懐かしい雰囲気を演出してください。使用のコツ：オレンジ系はハイライト用にし、レッドはヘッドラインへ使うことで階層がはっきりします。

media.ioで生成したレトロダイナーの画像例

14）バレンタインブラッシュ

HEX: #FFF5F6 #FFD1DC #FF8FAB #F45B69 #7A1E2C

ムード: 甘い、親しみやすい、若々しい

おすすめ用途: グリーティングカードやキャンペーンメール

スイートなブラッシュとキャンディレッドは、手書きのメモや優しいハートの紙吹雪のような雰囲気です。グリーティングカード、キャンペーンメール、陽気なプロモグラフィックに理想的。暖かいニュートラルと丸みを帯びた書体を組み合わせて、親しみやすいトーンに保ちます。使用のコツ：一番濃い色をテキストカラーとして使い、黒の代わりに使うことで柔らかく統一感のある印象に。

media.ioで生成したバレンタインブラッシュの画像例

15）消防車ポップ

HEX: #0B0C10 #D00000 #FFBA08 #F48C06 #F8F9FA

ムード: 派手、スポーティ、目立つ

おすすめ用途: CTAボタンやパフォーマンスマーケティング

消防車のレッドにホットイエローのアクセントを加えると、スピードや警告灯、スタジアムのエネルギーのような印象です。パフォーマンスマーケティング、CTA重視のランディングページ、大胆な看板デザインに最適です。白と力強い黒の書体を多用して明快さを維持します。使用のコツ：黄色はアイコンやカウンターなど小さなアクセント用に絞り、緊急性を高めつつ視覚的に騒がしくならないようにしましょう。

media.ioで生成した消防車ポップの画像例

16）ムーディーメルロー

HEX: #0E0B10 #2E0F1B #5B1A2B #8E2A3A #E6D6D8

ムード: 映画のような、静かな、エレガント

おすすめ用途: 書籍カバーや高級編集記事

深みのあるメルロー色は、映画館の暗さや赤いカーテン、ムーディーな肖像画のような雰囲気です。書籍カバーや高級編集記事、高級サービスのブランディングに最適です。控えめなブラッシュカラーとたっぷり余白を組み合わせて上品に保ちます。使用のコツ：一番濃い色は大きなブロックに、最も淡い色は引用やキャプションに使うのがおすすめです。

media.ioで生成したムーディーメルローの画像例

17）シナモンローズ

HEX: #2A1410 #6F2F2B #B05C4E #D99A8B #F5E9E2

ムード: 柔らかい、成熟した、癒される

おすすめ用途: ウェルネスブランドやスキンケアパッケージ

シナモンブラウンとダスティローズの組み合わせは、温かい紅茶、スパタオル、静かなセルフケアを連想させます。強さよりも柔らかさが求められるウェルネスブランディングやスキンケアパッケージにぴったりです。ミニマルなサンセリフ書体と控えめな線アイコンと組み合わせてください。使用のコツ：一番淡い色を主な背景にし、中間色を高級感のある印象に保つのがおすすめです。

media.ioで生成したシナモンローズの画像例

18）レッドホライズン

HEX: #0F172A #7F1D1D #DC2626 #FB7185 #FFF7ED

ムード: 楽観的、クリア、現代的

おすすめ用途: テックブランドやオンボーディング画面

クリアなレッドとクールなネイビーの組み合わせは、澄みきった朝焼けとすっきりした都市の高層ビルをイメージさせます―新鮮で自信に満ちた印象。テックブランド、オンボーディング画面、最新ダッシュボードに最適です。暖色系オフホワイトのサーフェースと組み合わせて、アクセントの使い方を全体で一貫させましょう。使用のコツ：2つの赤を状態表示（メインと注意）で使い分けることで、ユーザーが意味を早く習得できます。

media.ioで生成したレッドホライズンの画像例

19）レッドインクエディトリアル

HEX: #111827 #7F1D1D #B91C1C #E5E7EB #FFFFFF

ムード: エディトリアル、シャープ、権威的

おすすめ用途: 雑誌レイアウトやリーダーシップ記事

インクのようにシャープな赤色とクリーンなニュートラルは、赤く書き込まれた原稿や決断力ある見出しを思わせます。雑誌スタイルのレイアウト、リーダーシップ記事、データ豊富なレポートに最適です。黒の書体、しっかりしたグリッド、抑えたアクセントブロックと合わせてプロフェッショナルなリズムを作りましょう。使用のコツ：最も濃い赤はセクションヘッダーや引用文用に使い、編集的な階層を明確にしてください。

media.ioで生成したレッドインクエディトリアルの画像例

20）ウィンターベリー

HEX: #1F1025 #4C1D3D #9D174D #F472B6 #FDF2F8

ムード: 祝祭的、居心地の良い、現代的

おすすめ用途: ギフトガイドや季節のランディングページ

ベリーパープルとローズピンクは、凍った窓、ベルベットリボン、冬のマーケットを思わせます。ギフトガイド、季節のランディングページ、ブティックプロモーションに最適です。柔らかなブラッシュの背景と、クリーンなサンセリフ体書体でモダンさを保ってください。使用のコツ：明るいピンクは「新着」や「限定」などタグ用アクセントにし、背景全体には使いすぎないようにしましょう。

media.ioで生成したウィンターベリーの画像例

21）ボタニカルルージュ

HEX: #2B0F12 #8D2A3A #C85C5C #E8B4B8 #F4F1DE

ムード: 植物的、優しい、職人の

おすすめ用途: フローライラストや春のステーショナリー

優しいルージュトーンは押し花や水彩のぼかし、手染めの紙を思わせます。春のステーショナリー、フローラルブランディング、職人ラベルに理想的です。暖かみのあるクリームと細い線画と組み合わせて軽やかさを保ちます。使用のコツ：ダークローズはアウトラインや見出しに限定して使い、全体の柔らかさと植物らしさを損なわないようにしましょう。

media.ioで生成したボタニカルルージュの画像例

赤と相性の良い色は？

ニュートラルカラーは合わせやすいです：暖かいアイボリー、クリーム、淡いグレーは赤の意図を強調しつつ可読性も保ちます。強いコントラストには赤とチャコールやほぼ黒を組み合わせると、純粋な黒よりも柔らかな高級感が出ます。

グリーン（セージ、オリーブ、フォレスト）は赤を自然に引き立て、パッケージング、季節テーマ、ブランドシステムに最適です。ブルー（ネイビー、インク）は赤をシャープかつ現代的に感じさせ、テックUIやエディトリアルレイアウトに最適です。

さらに強さを加えたい場合は、マスタードやオレンジなど暖色系アクセントを少量加えてください。これらのセカンダリーカラーはアイコン、バッジ、細かいハイライトなど用途を限定し、赤を主役のまま保ちます。

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

まず役割を決めてください：濃い赤は背景やヘッダー、メインの赤は主要アクション、淡い色はサーフェースやスペース用。これでページ、コンポーネント、印刷物すべてで一貫したシステムになります。

アクセシビリティや印刷再現性にも注意しましょう：彩度の高い赤は明るい白の上でちらついたり、CMYKでは色変化することがあります。テキストやUI状態のコントラストを必ず検証し、オフホワイトの背景を使うことで目の疲れを軽減できます。

ブランディングでは、赤は余白を十分に取って使うと最良です―ホワイトスペース、クリーンな書体、抑えたアクセントの使用。赤は階層（CTA、見出し、プロモタグ）に使い、すべてのブロックを赤にするのは避けましょう。

AIで赤系パレットのビジュアルを作成

すでにHEXコードがある場合、一貫したプロンプトスタイルを使い回すことでバナー、ポスター、UIモックアップ、パッケージコンセプトを素早く生成できます。重要なのはムード、レイアウトタイプ、仕上がり（フラットグラフィックかリアルなスタジオショットか）を指定することです。

各パレットごとにバリエーションも試してください：アスペクト比の変更、書体の切り替え、背景はシンプルに保つことで赤の色味が正確に再現されます。最良の結果を選び、スペースやコントラストなど細部を微調整してください。

Media.ioを使えば、赤系パレットのアイデアをブラウザですぐに使えるデザインビジュアルに変換できます。

次： ブラウングリーンカラーパレット